Align fonts with GOV.UK Frontend (via .govuk-form-group only)

Only add “GDS Transport” to the font stack when using `.govuk-form-group` wrappers
alphagov · Jan 24, 2024 · 247e72a · 247e72a
1 parent d3a7c90
commit 247e72a
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 2 deletions.
diff --git a/dist/accessible-autocomplete.min.css b/dist/accessible-autocomplete.min.css
diff --git a/dist/accessible-autocomplete.min.css.map b/dist/accessible-autocomplete.min.css.map
diff --git a/src/autocomplete.css b/src/autocomplete.css
@@ -149,6 +149,15 @@
   line-height: 1.25;
 }
 
+/* Try font "GDS Transport" for GOV.UK form groups */
+.govuk-form-group .autocomplete__hint,
+.govuk-form-group .autocomplete__input,
+.govuk-form-group .autocomplete__option {
+  font-family: "GDS Transport", arial, sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
 .autocomplete__hint,
 .autocomplete__option {
   padding: 5px;