diff --git a/assets/scss/base/page.scss b/assets/scss/base/page.scss index 002c123..6ea33cc 100644 --- a/assets/scss/base/page.scss +++ b/assets/scss/base/page.scss @@ -27,7 +27,11 @@ .page-summary {margin: 1em 0;} .page-cover {width: 100%;} - h1,h2,h3,h4,h5,h6 {line-height: 1.2; margin-bottom: 1rem; margin-top: 2rem;} + h1,h2,h3,h4,h5,h6 { + line-height: 1.2; + margin-bottom: 1rem; + margin-top: 2rem; + } p { line-height: 1.4; margin-bottom: 1em; @@ -107,11 +111,13 @@ } } -.meta .container {height: 100%} +.meta .container {height: 100%; margin-top: 0.75rem;} +article .container *:first-child {margin-top: 0;} #TableOfContents { position: sticky; top: 2rem; + @media (min-width: 960px) {top: 96px;} max-width: max-content; font-size: 0.75em; margin: 2em 0; diff --git a/assets/scss/base/sections.scss b/assets/scss/base/sections.scss index fab6a03..208c0fc 100644 --- a/assets/scss/base/sections.scss +++ b/assets/scss/base/sections.scss @@ -22,13 +22,18 @@ main {flex-grow: 1;} } .section-heading { - font-size: 1.2em; - font-weight: 400; + font-size: 2em; + font-weight: 700; line-height: 1.2; - text-align: center; + /* max-width: 18ch; + text-align: center; margin: 0 auto; margin-bottom: 4em; - padding-bottom: 1em; + border-bottom: 2px solid rgba(0,0,0,0.25) + */ + padding-bottom: 1em; + + } \ No newline at end of file diff --git a/assets/scss/index/index.scss b/assets/scss/index/index.scss index 31fa092..7d4d168 100644 --- a/assets/scss/index/index.scss +++ b/assets/scss/index/index.scss @@ -1,5 +1,5 @@ #contact { .section-heading {font-weight: 700;} - p {line-height: 1.4; max-width: 65ch; margin: 0 auto;} - .cta {margin: 6em auto 0;} + p {line-height: 1.4; max-width: 65ch;} + .cta {margin: 2em 0 0;} } \ No newline at end of file