diff --git a/src/assets/scss/abstracts/_typography.scss b/src/assets/scss/abstracts/_typography.scss new file mode 100644 index 0000000..3133e47 --- /dev/null +++ b/src/assets/scss/abstracts/_typography.scss @@ -0,0 +1,7 @@ +.font-montserrat { + font-family: 'Montserrat', sans-serif; +} + +.font-monospace { + font-family: monospace, "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif; +} \ No newline at end of file diff --git a/src/assets/scss/pages/_article.scss b/src/assets/scss/pages/_article.scss index 4f8f154..7384724 100644 --- a/src/assets/scss/pages/_article.scss +++ b/src/assets/scss/pages/_article.scss @@ -1,4 +1,5 @@ @use "../abstracts/mixin" as mix; +@use "../abstracts/typography"; .article { --_l: 20%; @@ -169,8 +170,8 @@ code, kbd, samp { + @extend .font-monospace; padding: 0 0.3em; - font-family: monospace, "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif; // font-size: 0.8rem; line-height: 1.4; }