diff --git a/src/assets/css/base/_global.scss b/src/assets/css/base/_global.scss index 2618d1f250..aabffcea45 100644 --- a/src/assets/css/base/_global.scss +++ b/src/assets/css/base/_global.scss @@ -135,7 +135,7 @@ html, body { height: 100%; min-height: 100%; - line-height: 2; + line-height: 1.5; font-family: var(--font-base); font-size: 1rem; color: var(--color-body-text); @@ -149,7 +149,7 @@ html { body { font-size: 1rem; - line-height: 2; + line-height: 1.5; &.menu-open { overflow: hidden; diff --git a/src/assets/css/base/_typography.scss b/src/assets/css/base/_typography.scss index a50ef850e3..2b7d30056b 100644 --- a/src/assets/css/base/_typography.scss +++ b/src/assets/css/base/_typography.scss @@ -5,8 +5,8 @@ h1, margin: 0; font-family: var(--font-base); font-weight: 700; - font-size: clamp(2.5rem, -0.5rem + 6.25vw, 4rem); - line-height: 1.3; + font-size: clamp(3rem, 0.25rem + 7vw, 5rem); + line-height: 1.1; text-transform: none; letter-spacing: 0; } @@ -17,7 +17,7 @@ h2, font-family: var(--font-base); font-weight: 700; font-size: clamp(2.25rem, -0.25rem + 5.2083vw, 3.5rem); - line-height: 1.3; + line-height: 1.1; text-transform: none; letter-spacing: 0; } @@ -28,7 +28,7 @@ h3, font-family: var(--font-base); font-weight: 700; font-size: clamp(2rem, 0rem + 4.1667vw, 3rem); - line-height: 1.25; + line-height: 1.2; text-transform: none; letter-spacing: 0; } @@ -39,7 +39,7 @@ h4, font-family: var(--font-base); font-weight: 700; font-size: clamp(1.75rem, 1.25rem + 1.0417vw, 2rem); - line-height: 1.5; + line-height: 1.3; letter-spacing: 0; } @@ -49,13 +49,13 @@ h5, font-family: var(--font-base); font-weight: 500; font-size: clamp(1rem, 0.75rem + 0.5208vw, 1.125rem); - line-height: 1.5; + line-height: 1.4; letter-spacing: 0; } body { font-size: 1.5rem; - line-height: 2; + line-height: 1.5; } .large { diff --git a/src/assets/css/base/_variables.scss b/src/assets/css/base/_variables.scss index 10cdef3d71..a5ed66e7f3 100644 --- a/src/assets/css/base/_variables.scss +++ b/src/assets/css/base/_variables.scss @@ -1,6 +1,7 @@ :root { --color-black: #000000; --color-purple: #6200ee; + --color-purple-dark: #42009f; --color-yellow: #ffc400; --color-aqua: #02ceba; --color-blue: #307fee; diff --git a/src/assets/css/components/_color-hero.scss b/src/assets/css/components/_color-hero.scss index 9bdb2c0a8a..0748a24fe0 100644 --- a/src/assets/css/components/_color-hero.scss +++ b/src/assets/css/components/_color-hero.scss @@ -13,7 +13,7 @@ background-color: var(--color-purple); --color-animation: var(--color-aqua); --color-link-background: var(--color-blue); - --color-overlay: var(--color-purple); + --color-overlay: var(--color-purple-dark); --color-link-primary: var(--color-purple); --color-link-primary-hover: var(--color-aqua); color: var(--color-white); @@ -88,7 +88,7 @@ } .color-hero__text { - max-width: 45rem; + max-width: 40rem; } .color-hero__eyebrow { @@ -104,7 +104,7 @@ display: flex; position: relative; width: 100%; - padding: 25vh 0 10vh; + padding: 25vh 2vw 10vh; } .color-hero { diff --git a/src/components/layouts/post.njk b/src/components/layouts/post.njk index 5a37e58718..3e0fcb4d32 100644 --- a/src/components/layouts/post.njk +++ b/src/components/layouts/post.njk @@ -71,7 +71,6 @@ type: post %} {{ imageAspectRatio(imageData, "32/13", "35/19") }} {% endif %} - {{ serviceCta(tags, customCta) }}