diff --git a/css/styles.css b/css/styles.css index e937a3cd..c353cddc 100644 --- a/css/styles.css +++ b/css/styles.css @@ -126,11 +126,88 @@ h3.post-title{ font-family: "Roboto", "Helvetica Neue", sans-serif; letter-spacing: 0; font-weight: 400; - font-size: 1.5rem; - line-height: 1.5; + font-size: 1.125rem; + line-height: 1.6; color: #161616; } +/* Reduce text sizes within best practices pages */ +.best-practices-text .text-xlarge { + font-size: 1.5rem; + margin-bottom: 0.5rem; + line-height: 1.4; +} + +.best-practices-text .text-large { + font-size: 1.125rem; + margin-bottom: 0.75rem; + line-height: 1.6; +} + +/* Reduce spacing in best practices content */ +.best-practices-text .post-content > p { + margin-bottom: 1rem; +} + +.best-practices-text .post-content > h2 { + margin-top: 2rem; + margin-bottom: 1rem; +} + +.best-practices-text .post-content > h3 { + margin-top: 1.5rem; + margin-bottom: 0.75rem; +} + +.best-practices-text ol { + margin-bottom: 1.5rem; + margin-top: 1rem; +} + +.best-practices-text ol li { + margin-bottom: 0.75rem; +} + +.best-practices-text ol li + p { + margin-top: 0.5rem; +} + +.best-practices-text .mb-0 { + margin-bottom: 0 !important; +} + +/* Reduce top spacer gap for best practices pages */ +.section-block.bkg-grey-ultralight:has(+ .content.best-practices-text) { + padding-top: 5rem; + padding-bottom: 0; +} + +/* Reduce internal padding of content card for best practices */ +.best-practices-text .with-background { + padding: 3rem 5rem; +} + +/* Best practices page title sizing */ +.best-practices-text h1.post-title { + font-size: 2.25rem; + margin-bottom: 0.4rem; +} + +.best-practices-text h3.post-title { + font-size: 1.625rem; + font-weight: 400; + margin-bottom: 1.5rem; +} + +/* Best practices section header sizing */ +.best-practices-text h2 { + font-size: 1.75rem; +} + +.best-practices-text h3:not(.post-title) { + font-size: 1.25rem; +} + .visualization-page-text{ font-family: "Roboto", "Helvetica Neue", sans-serif; letter-spacing: 0;