diff options
| -rw-r--r-- | src/_utils.scss | 12 |
1 files changed, 8 insertions, 4 deletions
diff --git a/src/_utils.scss b/src/_utils.scss index 6a2c7eb..2a5d33d 100644 --- a/src/_utils.scss +++ b/src/_utils.scss | |||
| @@ -48,9 +48,9 @@ $-font-sizes: ( | |||
| 48 | ) !default; | 48 | ) !default; |
| 49 | 49 | ||
| 50 | $-aspect-ratios: ( | 50 | $-aspect-ratios: ( |
| 51 | '1\\/1': 1 / 1, | 51 | '1\\/1': '1 / 1', |
| 52 | '4\\/3': 4 / 3, | 52 | '4\\/3': '4 / 3', |
| 53 | '5\\/4': 5 / 4, | 53 | '5\\/4': '5 / 4', |
| 54 | ) !default; | 54 | ) !default; |
| 55 | 55 | ||
| 56 | @mixin styles { | 56 | @mixin styles { |
| @@ -158,6 +158,10 @@ $-aspect-ratios: ( | |||
| 158 | align-items: flex-end; | 158 | align-items: flex-end; |
| 159 | } | 159 | } |
| 160 | 160 | ||
| 161 | @include bem.utility('ai-stretch') { | ||
| 162 | align-items: stretch; | ||
| 163 | } | ||
| 164 | |||
| 161 | @include bem.utility('ac-center') { | 165 | @include bem.utility('ac-center') { |
| 162 | align-content: center; | 166 | align-content: center; |
| 163 | } | 167 | } |
| @@ -397,7 +401,7 @@ $-aspect-ratios: ( | |||
| 397 | 401 | ||
| 398 | @each $mod, $value in $-aspect-ratios { | 402 | @each $mod, $value in $-aspect-ratios { |
| 399 | @include bem.utility('ar-#{$mod}') { | 403 | @include bem.utility('ar-#{$mod}') { |
| 400 | aspect-ratio: $value; | 404 | aspect-ratio: string.unquote($value); |
| 401 | } | 405 | } |
| 402 | } | 406 | } |
| 403 | 407 | ||
