feat(utils): add font-size utils

telerik · Feb 5, 2021 · e608182 · e608182
1 parent cd1c959
commit e608182
Showing 1 changed file with 13 additions and 0 deletions.
diff --git a/packages/default/scss/utils/_text.scss b/packages/default/scss/utils/_text.scss
@@ -3,6 +3,14 @@
     $text-align: ( left, right, center, justify ) !default;
     $text-transform: ( lowercase, uppercase, capitalize ) !default;
 
+    $font-sizes: (
+        xs: $font-size-xs,
+        sm: $font-size-sm,
+        md: $font-size-md,
+        lg: $font-size-lg,
+        xl: $font-size-xl
+    ) !default;
+
     // Wrapping
     .k-text-nowrap                  { white-space: nowrap !important; } // sass-lint:disable-line no-important
     .k-text-ellipsis                { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } // sass-lint:disable-line one-declaration-per-line
@@ -17,6 +25,11 @@
         .k-text-#{$transform}       { text-transform: $transform !important; } // sass-lint:disable-line no-important
     }
 
+    // Font Size
+    @each $name, $size in $font-sizes {
+        .k-fs-#{$name}       { font-size: $size !important; } // sass-lint:disable-line no-important
+    }
+
     // Named font-weight
     .k-font-weight-light            { font-weight: $font-weight-light !important; } // sass-lint:disable-line no-important
     .k-font-weight-normal           { font-weight: $font-weight-normal !important; } // sass-lint:disable-line no-important