diff --git a/assets/css/content/general.css b/assets/css/content/general.css index e7083205d..7de16b46e 100644 --- a/assets/css/content/general.css +++ b/assets/css/content/general.css @@ -62,34 +62,52 @@ color: var(--textHeaders); } -.content-inner h1 { - font-size: 2em; - margin: 0.5em 0; -} +.content-inner { + /* Heading sizing */ + & h1 { + font-size: 2em; /* unchanged */ + } + & h2 { + font-size: 1.8rem; /* was 1.6em */ + } + & h3 { + font-size: 1.45rem; /* was 1.375em */ + } + & h4 { + font-size: 1.15rem; /* wasn't set */ + } + + /* Heading special cases */ + & h1 small { + font-weight: 400; + } -.content-inner h1.section-heading { - margin: 1.5em 0 0.5em; + /* Heading spacing */ + & h1 { + margin-top: 0.5em; /* unchanged */ + margin-bottom: 0.5em; /* unchanged */ + &.section-heading { + margin-top: 1.5em; /* unchanged */ + } + } + & h2 { + margin-top: 1.75em; /* was 1em of padding; switching to (collapsing) margin to match other headings - @DavidOliver to test further */ + margin-bottom: 0.5em; /* unchanged */ + } + & h3 { + margin-top: 2em; /* was 1em */ + margin-bottom: 0.5em; /* unchanged */ + } + & h4 { + margin-top: 1.5em; /* wasn't set */ + margin-bottom: 0.5em; /* wasn't set */ + } } .content-inner div.group-description { margin: 0 0 3em; } -.content-inner h1 small { - font-weight: 400; -} - -.content-inner h2 { - font-size: 1.6em; - padding-top: 1em; - margin-bottom: 0.5em; -} - -.content-inner h3 { - font-size: 1.375em; - margin: 1em 0 0.5em; -} - .content-inner li + li { margin-top: 0.25em; }