From 1849320f7811559584abdc7ea57281508512ccad Mon Sep 17 00:00:00 2001 From: Matthew Bischoff Date: Mon, 15 Apr 2024 23:48:13 -0400 Subject: [PATCH] Blockquote styling --- _sass/abstracts/_variables.scss | 1 + _sass/base/_typography.scss | 5 +++++ _sass/layout/footer.scss | 3 ++- _sass/layout/header.scss | 3 ++- _sass/themes/_themes.scss | 4 ++++ 5 files changed, 14 insertions(+), 2 deletions(-) diff --git a/_sass/abstracts/_variables.scss b/_sass/abstracts/_variables.scss index 7ab3b727..d4c384e5 100644 --- a/_sass/abstracts/_variables.scss +++ b/_sass/abstracts/_variables.scss @@ -3,6 +3,7 @@ $text-font-stack: "halyard-text-variable", -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif; $display-font-stack: "halyard-display-variable", -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif; $line-height: 24px; +$border-thickness: 1px; $switch-box-shadow: inset 0 0 5px rgba(0, 0, 0, .2); $switch-knob-box-shadow: 0 1px 3px rgba(0, 0, 0, .2); diff --git a/_sass/base/_typography.scss b/_sass/base/_typography.scss index b51a4ffa..3373671c 100644 --- a/_sass/base/_typography.scss +++ b/_sass/base/_typography.scss @@ -49,4 +49,9 @@ h6 { address { font-style: inherit; +} + +blockquote { + @include vr.set($margin: 0, $padding-left: 0.5); + border-left: $border-thickness solid; } \ No newline at end of file diff --git a/_sass/layout/footer.scss b/_sass/layout/footer.scss index 4ba43edc..a1f88189 100644 --- a/_sass/layout/footer.scss +++ b/_sass/layout/footer.scss @@ -1,8 +1,9 @@ @use 'vendors/vertical-rhythm-reset' as vr; +@use 'abstracts/variables' as *; footer { @include vr.set($margin-top: 1 0); - border-top: 1px solid; + border-top: $border-thickness solid; text-transform: lowercase; display: flex; diff --git a/_sass/layout/header.scss b/_sass/layout/header.scss index ee57687f..c7c73266 100644 --- a/_sass/layout/header.scss +++ b/_sass/layout/header.scss @@ -1,4 +1,5 @@ @use 'vendors/vertical-rhythm-reset' as vr; +@use 'abstracts/variables' as *; header#masthead { text-transform: lowercase; @@ -7,7 +8,7 @@ header#masthead { nav { @include vr.set($padding-bottom: 1); - border-bottom: 1px solid; + border-bottom: $border-thickness solid; display: flex; justify-content: space-between; align-items: center; diff --git a/_sass/themes/_themes.scss b/_sass/themes/_themes.scss index 7f030f95..9e05c4ae 100644 --- a/_sass/themes/_themes.scss +++ b/_sass/themes/_themes.scss @@ -102,6 +102,10 @@ $themes: ( color: inherit; background: map.get($colors, highlight); } + + blockquote { + border-color: map.get($colors, link-underline); + } } @media (prefers-color-scheme: light) {