From 3c0494cec2efe379e6ac9f6ff3c7403f9208d51a Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Mateusz=20Zab=C3=B3j?= Date: Mon, 3 Nov 2025 18:47:56 +0100 Subject: [PATCH] Enable single-storey-a in Figtree --- .storybook/public/manager.css | 2 ++ src/components/text/_headlines.scss | 1 + src/components/text/_text-bits.scss | 1 + src/components/text/_text.scss | 1 + src/docs/styles.scss | 1 + src/sass/_basics.scss | 1 + src/sass/_config.scss | 1 + 7 files changed, 8 insertions(+) diff --git a/.storybook/public/manager.css b/.storybook/public/manager.css index b307efe0e..616f30e0a 100644 --- a/.storybook/public/manager.css +++ b/.storybook/public/manager.css @@ -12,6 +12,7 @@ body { background-color: #f5f8fa; + font-feature-settings: 'ss01' 1; /* enables single-storey 'a' */ } .sidebar-header img { @@ -24,6 +25,7 @@ body { .sidebar-item { border-radius: 8px; + font-feature-settings: 'ss01' 1; /* enables single-storey 'a' */ } .sidebar-container { diff --git a/src/components/text/_headlines.scss b/src/components/text/_headlines.scss index c3228be7f..105ebe09d 100644 --- a/src/components/text/_headlines.scss +++ b/src/components/text/_headlines.scss @@ -58,6 +58,7 @@ $headlineSizeRules: ( color: $black; font-weight: $fontWeightBold; font-family: $fontFamilyPrimary; + font-feature-settings: $fontFeatureSettings; max-width: 100%; &--inherited { diff --git a/src/components/text/_text-bits.scss b/src/components/text/_text-bits.scss index 4d02521c2..1ec17a157 100644 --- a/src/components/text/_text-bits.scss +++ b/src/components/text/_text-bits.scss @@ -29,6 +29,7 @@ $bitSizes: ( font-size: getBitSize(medium); line-height: getBitSize(medium); font-family: $fontFamilyPrimary; + font-feature-settings: $fontFeatureSettings; color: $text-green-40; font-weight: $fontWeightBlack; margin: 0; diff --git a/src/components/text/_text.scss b/src/components/text/_text.scss index 56efd0542..49c1c87ae 100644 --- a/src/components/text/_text.scss +++ b/src/components/text/_text.scss @@ -63,6 +63,7 @@ $bodyTextSizeRules: ( .sg-text { @include bodyTextTypeSizeVariant(medium); font-family: $fontFamilyPrimary; + font-feature-settings: $fontFeatureSettings; font-weight: $fontWeightNormal; color: $text-black; diff --git a/src/docs/styles.scss b/src/docs/styles.scss index 35b0226c2..30b1ef305 100644 --- a/src/docs/styles.scss +++ b/src/docs/styles.scss @@ -78,6 +78,7 @@ font-size: 18px; line-height: 28px; font-family: 'Figtree', 'Helvetica', 'Arial', sans-serif; + font-feature-settings: 'ss01' 1; /* enables single-storey 'a' */ font-weight: 400; color: #000000; diff --git a/src/sass/_basics.scss b/src/sass/_basics.scss index 086d9b0ff..466ccbf39 100644 --- a/src/sass/_basics.scss +++ b/src/sass/_basics.scss @@ -48,6 +48,7 @@ $includeHtml: false !default; font-size: fontSize(default); font-family: $fontFamilyPrimary; + font-feature-settings: $fontFeatureSettings; line-height: rhythm(1); } diff --git a/src/sass/_config.scss b/src/sass/_config.scss index c97e2ae1b..1c8842e6f 100644 --- a/src/sass/_config.scss +++ b/src/sass/_config.scss @@ -12,6 +12,7 @@ $shadowLarge: 0 8px 32px 0 rgba($gray-70, 0.2); $fontFamilyFigtree: 'Figtree'; $fontFamilyUntitledSerif: 'UntitledSerif'; $fontFamilyPrimary: $fontFamilyFigtree, 'Helvetica', 'Arial', sans-serif; +$fontFeatureSettings: 'ss01' 1; /* enables single-storey 'a' */ $fontWeightNormal: 400; $fontWeightBold: 700; $fontWeightBlack: 900;