From 1a1fa497fd2845a3c174db408ed43fbad5a00357 Mon Sep 17 00:00:00 2001 From: Rebeka Dekany <50901361+rebekadekany@users.noreply.github.com> Date: Fri, 13 Feb 2026 15:07:13 +0100 Subject: [PATCH] Fix font sizes and link color on marketing pages (#31504) GitOrigin-RevId: 3a672f4fb129a051c388aae1cce482aec9695cb6 --- .../frontend/stylesheets/components/list.scss | 2 ++ .../stylesheets/pages/website-redesign.scss | 36 ++++++++++++------- 2 files changed, 26 insertions(+), 12 deletions(-) diff --git a/services/web/frontend/stylesheets/components/list.scss b/services/web/frontend/stylesheets/components/list.scss index eaac15baee..8f3607a33a 100644 --- a/services/web/frontend/stylesheets/components/list.scss +++ b/services/web/frontend/stylesheets/components/list.scss @@ -29,6 +29,8 @@ li { background: url('../../../public/img/website-redesign/check-in-green-circle.svg') no-repeat left top; + + @include body-lg; } } diff --git a/services/web/frontend/stylesheets/pages/website-redesign.scss b/services/web/frontend/stylesheets/pages/website-redesign.scss index aa8d3763b5..196fcd21b7 100644 --- a/services/web/frontend/stylesheets/pages/website-redesign.scss +++ b/services/web/frontend/stylesheets/pages/website-redesign.scss @@ -95,6 +95,9 @@ // Specific overrides for link styles &.link-monospace { + @include heading-xs; + + color: var(--green-50); text-decoration: none; &:hover { @@ -332,13 +335,12 @@ .header-description { p { - font-size: var(--font-size-05); - line-height: var(--line-height-03); + @include heading-sm; + margin-bottom: 0; @include media-breakpoint-down(lg) { - font-size: var(--font-size-04); - line-height: var(--line-height-02); + @include body-base; } } } @@ -553,6 +555,10 @@ text-align: center; } + p { + @include heading-sm; + } + @include media-breakpoint-down(lg) { display: flex; flex-direction: column; @@ -878,6 +884,10 @@ justify-content: space-evenly; } } + + p { + @include heading-sm; + } } .security-info { @@ -901,6 +911,8 @@ } .security-heading-section { + font-size: var(--font-size-05); + @include media-breakpoint-down(lg) { p { text-align: left; @@ -993,12 +1005,11 @@ p { margin-bottom: var(--spacing-06); - font-size: 1.125rem; - line-height: 1.333; + + @include heading-xs; @include media-breakpoint-down(lg) { - font-size: 1rem; - line-height: 1.375; + @include body-base; } } } @@ -1015,6 +1026,7 @@ h3 { font-size: 1.875rem; line-height: 1.5; + margin-bottom: var(--spacing-06); } ul.list-simple-text, @@ -1025,13 +1037,13 @@ li { margin-bottom: var(--spacing-05); - font-size: 1.125rem; - line-height: 1.333; + + @include heading-xs; + display: flex; @include media-breakpoint-down(lg) { - font-size: 1rem; - line-height: 1.375; + @include body-base; } } }