Add font-size utility classes

1 files changed, 15 insertions, 0 deletions

diff --git a/src/_utils.scss b/src/_utils.scss
index 1311d32..371a357 100644
--- a/src/_utils.scss
+++ b/src/_utils.scss
@@ -32,6 +32,15 @@ $-sizes: (
     800: vars.$size--800,
 ) !default;
 
+$-font-sizes: (
+    50: vars.$font-size--50,
+    75: vars.$font-size--75,
+    100: vars.$font-size--100,
+    150: vars.$font-size--150,
+    200: vars.$font-size--200,
+    300: vars.$font-size--300,
+) !default;
+
 @mixin styles {
     @include bem.utility('d-block') {
         display: block;
@@ -205,6 +214,12 @@ $-sizes: (
         }
     }
 
+    @each $mod, $size in $-font-sizes {
+        @include bem.utility('fs-#{$mod}') {
+            font-size: props.get($size);
+        }
+    }
+
     @each $dir, $prop in (is: inline-size, bs: block-size) {
         @include bem.utility('#{$dir}-100') {
             #{$prop}: 100%;