diff options
Diffstat (limited to 'src')
| -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%; |
