diff --git a/src/assets/css/main.css b/src/assets/css/main.css index 3d22d91f..3a6352f0 100644 --- a/src/assets/css/main.css +++ b/src/assets/css/main.css @@ -137,6 +137,7 @@ h1 { h2, h3, h4, h5, h6 { color: var(--clr-sub-heading); + line-height: 1.5; } h2 { @@ -211,34 +212,6 @@ dd { grid-column-start: 2; } -/* UTILITY CLASSES */ -.bold-text { - font-weight: 700; -} - -.center-el { - display: grid; - place-content: center; -} - -.center-text { - text-align: center; -} - -.date-style { - font-weight: 700; - color: var(--clr-dates); -} - -.hidden { - display: none; -} - -.article-list { - display: grid; - gap: 0.5em; -} - /* MAIN CONTENT */ main, .content__wrapper, @@ -537,6 +510,40 @@ main { font-size: 1rem; } +/* UTILITY CLASSES */ +.bold-text { + font-weight: 700; +} + +.center-el { + display: grid; + place-content: center; +} + +.center-text { + text-align: center; +} + +.date-style { + font-weight: 700; + color: var(--clr-dates); +} + +.hidden { + display: none; +} + +.content-list { + display: grid; + gap: 0.7em; +} + +.content-list a { + display: block; + font-size: 1.3rem; + margin-bottom: 0.1em; +} + /* Pride flag backgrounds */ .flag-ace { background: repeating-linear-gradient( diff --git a/src/pages/articles.njk b/src/pages/articles.njk index 9cee2f43..0da511f3 100644 --- a/src/pages/articles.njk +++ b/src/pages/articles.njk @@ -11,10 +11,10 @@ contentIsDivided: true

My Articles

Articles I have written.

-