diff options
-rw-r--r-- | src/_utils.scss | 15 |
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: ( | |||
32 | 800: vars.$size--800, | 32 | 800: vars.$size--800, |
33 | ) !default; | 33 | ) !default; |
34 | 34 | ||
35 | $-font-sizes: ( | ||
36 | 50: vars.$font-size--50, | ||
37 | 75: vars.$font-size--75, | ||
38 | 100: vars.$font-size--100, | ||
39 | 150: vars.$font-size--150, | ||
40 | 200: vars.$font-size--200, | ||
41 | 300: vars.$font-size--300, | ||
42 | ) !default; | ||
43 | |||
35 | @mixin styles { | 44 | @mixin styles { |
36 | @include bem.utility('d-block') { | 45 | @include bem.utility('d-block') { |
37 | display: block; | 46 | display: block; |
@@ -205,6 +214,12 @@ $-sizes: ( | |||
205 | } | 214 | } |
206 | } | 215 | } |
207 | 216 | ||
217 | @each $mod, $size in $-font-sizes { | ||
218 | @include bem.utility('fs-#{$mod}') { | ||
219 | font-size: props.get($size); | ||
220 | } | ||
221 | } | ||
222 | |||
208 | @each $dir, $prop in (is: inline-size, bs: block-size) { | 223 | @each $dir, $prop in (is: inline-size, bs: block-size) { |
209 | @include bem.utility('#{$dir}-100') { | 224 | @include bem.utility('#{$dir}-100') { |
210 | #{$prop}: 100%; | 225 | #{$prop}: 100%; |