Update colors

This commit is contained in:
Rico Sta. Cruz 2017-08-24 22:39:40 +08:00
parent 0b60d76899
commit 26d87a52e2
No known key found for this signature in database
GPG Key ID: CAAD38AE2962619A
3 changed files with 26 additions and 8 deletions

View File

@ -11,15 +11,33 @@
& { & {
background: white; background: white;
box-shadow: box-shadow:
0 6px 8px rgba(80, 100, 150, 0.06), 0 6px 8px rgba(80, 100, 150, 0.02),
0 1px 2px rgba(80, 100, 150, 0.30); 0 1px 2px rgba(80, 100, 150, 0.20);
} }
/* Collapse/flush */
@media (max-width: 480px) { @media (max-width: 480px) {
margin: 0 -16px; margin: 0 -16px;
box-shadow: box-shadow:
0 1px 1px rgba(80, 100, 150, 0.30); 0 1px 1px rgba(80, 100, 150, 0.30);
} }
/* Border radius */
@media (min-width: 481px) {
& {
border-radius: 2px;
}
& > :first-child {
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
& > :last-child {
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
}
}
} }
/* /*
@ -97,7 +115,7 @@
@media (min-width: 481px) { @media (min-width: 481px) {
border-radius: 2px; border-radius: 2px;
box-shadow: box-shadow:
0 8px 12px rgba($baseB-600, 0.3), 0 8px 12px rgba($baseB-600, 0.1),
0 2px 3px rgba($baseB-400, 0.35); 0 2px 3px rgba($baseB-400, 0.18);
} }
} }

View File

@ -13,7 +13,7 @@
/* Horizontal lines */ /* Horizontal lines */
& tbody + tbody { & tbody + tbody {
border-top: solid 4px $line-color; border-top: solid 1px $dark-line-color;
} }
& td, & td,

View File

@ -5,15 +5,15 @@ $system-font: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
$body-font: $system-font; $body-font: $system-font;
$monospace-font: 'fira mono', Consolas, menlo, 'Andale Mono', 'Ubuntu Mono', monospace; $monospace-font: 'fira mono', Consolas, menlo, 'Andale Mono', 'Ubuntu Mono', monospace;
$body-bg: #f8f8fb; $body-bg: #f1f3f5;
$gray-bg: #fcfcfc; $gray-bg: #fcfcfc;
$gray-text: #678; $gray-text: #678;
$text-color: #333; $text-color: #333;
$baseA-400: #53a; $baseA-400: #53a;
$baseB-400: #35a; $baseB-400: #35a;
$baseB-600: adjust-color($baseB-400, $lightness: 20%, $hue: -20deg); $baseB-600: adjust-color($baseB-400, $lightness: 20%, $hue: -20deg);
$line-color: rgba(50, 80, 150, 0.07); $line-color: rgba(50, 80, 150, 0.05);
$dark-line-color: rgba(50, 80, 150, 0.2); $dark-line-color: rgba(50, 80, 150, 0.14);
$modularscale: ( $modularscale: (
base: 14px, ratio: 1.2, base: 14px, ratio: 1.2,