Update colors
This commit is contained in:
parent
0b60d76899
commit
26d87a52e2
|
@ -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);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -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,
|
||||||
|
|
|
@ -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,
|
||||||
|
|
Loading…
Reference in New Issue