From 52950a977d356791612ba1956ddf50f28394cd06 Mon Sep 17 00:00:00 2001 From: Dan Head Date: Tue, 11 Dec 2018 18:59:49 +0000 Subject: [PATCH] Article heading and list styles --- css/article.css | 50 +++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 50 insertions(+) diff --git a/css/article.css b/css/article.css index bb6ff11..fa584d8 100644 --- a/css/article.css +++ b/css/article.css @@ -47,6 +47,56 @@ } } +/** + * Heading styles + */ + +.article__content h1 { + font-family: var(--heading-font-family); + font-size: 1.8rem; + margin-bottom: var(--space-sm); +} + +.article__content h2 { + font-family: var(--heading-font-family); + font-size: 1.6rem; + margin-bottom: var(--space-sm); +} + +.article__content h3 { + font-family: var(--heading-font-family); + font-size: 1.4rem; + margin-bottom: var(--space-sm); +} + +.article__content h4, +.article__content h5, +.article__content h6 { + font-family: var(--heading-font-family); + font-size: 1.2rem; + margin-bottom: var(--space-sm); +} + +/** + * List styles + */ + +.article__content li { + position: relative; + padding: 0 0 var(--space-xs) var(--space-sm); +} + +.article__content li:before { + content: ''; + position: absolute; + left: 4px; + top: 10px; + background-color: var(--color-dark-blue); + width: 6px; + height: 6px; + border-radius: 50%; +} + /** * Link styles */