diff --git a/_sass/2017/components/h3-section.scss b/_sass/2017/components/h3-section.scss index 3d1ef6eaf..56ed23aed 100644 --- a/_sass/2017/components/h3-section.scss +++ b/_sass/2017/components/h3-section.scss @@ -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); } } diff --git a/_sass/2017/markdown/table.scss b/_sass/2017/markdown/table.scss index eda8eece0..fb2404164 100644 --- a/_sass/2017/markdown/table.scss +++ b/_sass/2017/markdown/table.scss @@ -13,7 +13,7 @@ /* Horizontal lines */ & tbody + tbody { - border-top: solid 4px $line-color; + border-top: solid 1px $dark-line-color; } & td, diff --git a/_sass/2017/style.scss b/_sass/2017/style.scss index ef487a473..cea083722 100644 --- a/_sass/2017/style.scss +++ b/_sass/2017/style.scss @@ -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,