Update colors
This commit is contained in:
parent
0b60d76899
commit
26d87a52e2
|
@ -11,15 +11,33 @@
|
|||
& {
|
||||
background: white;
|
||||
box-shadow:
|
||||
0 6px 8px rgba(80, 100, 150, 0.06),
|
||||
0 1px 2px rgba(80, 100, 150, 0.30);
|
||||
0 6px 8px rgba(80, 100, 150, 0.02),
|
||||
0 1px 2px rgba(80, 100, 150, 0.20);
|
||||
}
|
||||
|
||||
/* Collapse/flush */
|
||||
@media (max-width: 480px) {
|
||||
margin: 0 -16px;
|
||||
box-shadow:
|
||||
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) {
|
||||
border-radius: 2px;
|
||||
box-shadow:
|
||||
0 8px 12px rgba($baseB-600, 0.3),
|
||||
0 2px 3px rgba($baseB-400, 0.35);
|
||||
0 8px 12px rgba($baseB-600, 0.1),
|
||||
0 2px 3px rgba($baseB-400, 0.18);
|
||||
}
|
||||
}
|
||||
|
|
|
@ -13,7 +13,7 @@
|
|||
|
||||
/* Horizontal lines */
|
||||
& tbody + tbody {
|
||||
border-top: solid 4px $line-color;
|
||||
border-top: solid 1px $dark-line-color;
|
||||
}
|
||||
|
||||
& td,
|
||||
|
|
|
@ -5,15 +5,15 @@ $system-font: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
|
|||
$body-font: $system-font;
|
||||
$monospace-font: 'fira mono', Consolas, menlo, 'Andale Mono', 'Ubuntu Mono', monospace;
|
||||
|
||||
$body-bg: #f8f8fb;
|
||||
$body-bg: #f1f3f5;
|
||||
$gray-bg: #fcfcfc;
|
||||
$gray-text: #678;
|
||||
$text-color: #333;
|
||||
$baseA-400: #53a;
|
||||
$baseB-400: #35a;
|
||||
$baseB-600: adjust-color($baseB-400, $lightness: 20%, $hue: -20deg);
|
||||
$line-color: rgba(50, 80, 150, 0.07);
|
||||
$dark-line-color: rgba(50, 80, 150, 0.2);
|
||||
$line-color: rgba(50, 80, 150, 0.05);
|
||||
$dark-line-color: rgba(50, 80, 150, 0.14);
|
||||
|
||||
$modularscale: (
|
||||
base: 14px, ratio: 1.2,
|
||||
|
|
Loading…
Reference in New Issue