Fix contrast issues with the values block strapline by increasing the font size

helenb · helenb · commit 55b9434cc459 · 2026-03-10T15:15:19.000Z
diff --git a/tbx/static_src/sass/components/_values.scss b/tbx/static_src/sass/components/_values.scss
@@ -74,7 +74,8 @@
     }
 
     &__strapline {
-        @include font-size('size-five');
+        // Note that this is the minimum font size that will pass for all themes and modes
+        @include font-size('size-four');
         color: var(--color--theme-primary);
         font-weight: $weight--semibold;
         margin-bottom: $spacer-mini-plus;

Original file line number	Diff line number	Diff line change
`@@ -74,7 +74,8 @@`
`74`	`74`	`}`
`75`	`75`
`76`	`76`	`&__strapline {`
`77`		`- @include font-size('size-five');`
	`77`	`+ // Note that this is the minimum font size that will pass for all themes and modes`
	`78`	`+ @include font-size('size-four');`
`78`	`79`	`color: var(--color--theme-primary);`
`79`	`80`	`font-weight: $weight--semibold;`
`80`	`81`	`margin-bottom: $spacer-mini-plus;`