Enable single-storey-a in Figtree (#2846)

Author: mateusz-zaboj

.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 {

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 {

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;

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;
 

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;
 

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);
   }
 

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;