diff --git a/_sass/2017/components/h3-section.scss b/_sass/2017/components/h3-section.scss index 3170aa0fc..9f036fb96 100644 --- a/_sass/2017/components/h3-section.scss +++ b/_sass/2017/components/h3-section.scss @@ -79,10 +79,17 @@ } .h3-section.-prime > .body { - border: solid 2px lighten($baseB-400, 50%); + border: solid 2px $baseB-600; border-radius: 2px; box-shadow: 0 8px 12px rgba(80, 100, 150, 0.07), 0 4px 8px rgba(80, 100, 150, 0.07), 0 2px 3px rgba(80, 100, 150, 0.15); + + & > pre ~ p, + & > ul ~ p, + & > iframe ~ p, + & > table ~ p { + border-top: solid 2px $baseB-600; + } } diff --git a/_sass/2017/style.scss b/_sass/2017/style.scss index 78f77f2f2..74db425dc 100644 --- a/_sass/2017/style.scss +++ b/_sass/2017/style.scss @@ -10,6 +10,7 @@ $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.1); $dark-line-color: rgba(50, 80, 150, 0.2); diff --git a/sass.md b/sass.md index 663b436cc..7914f888a 100644 --- a/sass.md +++ b/sass.md @@ -120,7 +120,7 @@ lightness($color) alpha($color) /* aka opacity() */ ``` -### Full adjustments +### Adjustments ```scss /* Changes by fixed amounts */