summaryrefslogtreecommitdiffstats
path: root/src/_utils.scss
diff options
context:
space:
mode:
Diffstat (limited to 'src/_utils.scss')
-rw-r--r--src/_utils.scss16
1 files changed, 12 insertions, 4 deletions
diff --git a/src/_utils.scss b/src/_utils.scss
index 6a2c7eb..d5f0626 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 }
@@ -273,6 +277,10 @@ $-aspect-ratios: (
273 hyphenate-limit-chars: auto; 277 hyphenate-limit-chars: auto;
274 } 278 }
275 279
280 @include bem.utility('tw-balance') {
281 text-wrap-style: balance;
282 }
283
276 @include bem.utility('o-auto') { 284 @include bem.utility('o-auto') {
277 overflow: auto; 285 overflow: auto;
278 } 286 }
@@ -397,7 +405,7 @@ $-aspect-ratios: (
397 405
398 @each $mod, $value in $-aspect-ratios { 406 @each $mod, $value in $-aspect-ratios {
399 @include bem.utility('ar-#{$mod}') { 407 @include bem.utility('ar-#{$mod}') {
400 aspect-ratio: $value; 408 aspect-ratio: string.unquote($value);
401 } 409 }
402 } 410 }
403 411