From 1ad71084427a617db7787ed3b5d94b3ddb0e6212 Mon Sep 17 00:00:00 2001 From: Kurtis Holsapple Date: Tue, 13 May 2025 11:18:57 -0700 Subject: [PATCH] WIP --- dist/app.css | 13 +++++++++++-- dist/mix-manifest.json | 2 +- src/scss/flex-side-by-side.scss | 3 +-- src/scss/global.scss | 10 ++++++++++ 4 files changed, 23 insertions(+), 5 deletions(-) diff --git a/dist/app.css b/dist/app.css index b29fa16..4c84516 100644 --- a/dist/app.css +++ b/dist/app.css @@ -12037,6 +12037,17 @@ a { font-family: "Goudy Bookletter 1911", serif; } +.headline-lg, section.side-by-side-text h2, section.side-by-side-text .h2 { + font-size: 35px; + line-height: 35px; +} +@media (min-width: 768px) { + .headline-lg, section.side-by-side-text h2, section.side-by-side-text .h2 { + font-size: 70px; + line-height: 70px; + } +} + .cta-button { margin-bottom: 0; } @@ -12172,8 +12183,6 @@ section.side-by-side-text { } section.side-by-side-text h2, section.side-by-side-text .h2 { color: #063C5A; - font-size: 70px; - line-height: 70px; max-width: 595px; } section.side-by-side-text .right > * { diff --git a/dist/mix-manifest.json b/dist/mix-manifest.json index 603585d..c512912 100644 --- a/dist/mix-manifest.json +++ b/dist/mix-manifest.json @@ -1,4 +1,4 @@ { "/app.js": "/app.js?id=e87e05bd26822b1fc6dae092decfb838", - "/app.css": "/app.css?id=36ae089ad115ea34a00d79f95fb8d453" + "/app.css": "/app.css?id=be3212f158a737dabc69989e0b8a6782" } diff --git a/src/scss/flex-side-by-side.scss b/src/scss/flex-side-by-side.scss index cf7b2b4..9b52561 100644 --- a/src/scss/flex-side-by-side.scss +++ b/src/scss/flex-side-by-side.scss @@ -3,9 +3,8 @@ section.side-by-side-text { h2 { @extend .goudy; + @extend .headline-lg; color: $c-navy; - font-size: 70px; - line-height: 70px; max-width: 595px; } diff --git a/src/scss/global.scss b/src/scss/global.scss index c4e183e..2bdb567 100644 --- a/src/scss/global.scss +++ b/src/scss/global.scss @@ -10,6 +10,16 @@ a { font-family: 'Goudy Bookletter 1911', serif; } +.headline-lg { + font-size: 35px; + line-height: 35px; + + @include media-breakpoint-up(md) { + font-size: 70px; + line-height: 70px; + } +} + .cta-button { margin-bottom: 0;