diff --git a/themes/lix/assets/scss/shared/_blockquote.scss b/themes/lix/assets/scss/shared/_blockquote.scss new file mode 100644 index 00000000..9dd765e1 --- /dev/null +++ b/themes/lix/assets/scss/shared/_blockquote.scss @@ -0,0 +1,21 @@ +@use 'sass:color'; + +$blockquote-y-padding: 0.7rem; + +blockquote { + border-left-color: desaturate($primary, 20%); + border-left-width: 0.4rem; + border-left-style: solid; + padding-left: 0.5rem; + padding-top: $blockquote-y-padding; + padding-bottom: $blockquote-y-padding; + + >:first-child { + margin-top: 0; + } + + >:last-child { + margin-bottom: 0; + } +} + diff --git a/themes/lix/assets/scss/shared/_code.scss b/themes/lix/assets/scss/shared/_code.scss new file mode 100644 index 00000000..f7b2df92 --- /dev/null +++ b/themes/lix/assets/scss/shared/_code.scss @@ -0,0 +1,12 @@ +$code-colour: darken($light, 5%); +pre { + background-color: $code-colour; + padding: 0.8rem; + border-radius: 0.5rem; +} +:not(pre)>code { + background-color: $code-colour; + font-size: 0.85em; + padding: 0.2em; + border-radius: 0.3em; +} diff --git a/themes/lix/assets/scss/shared/shared.scss b/themes/lix/assets/scss/shared/shared.scss index ba9e5ae9..6b5dcf48 100644 --- a/themes/lix/assets/scss/shared/shared.scss +++ b/themes/lix/assets/scss/shared/shared.scss @@ -3,6 +3,8 @@ @import "fonts"; @import "utilities"; +@import "blockquote"; +@import "code"; @import "header"; @import "footer"; @import "buttons";