SebinNyshkim/sebin-reference
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix: 🚨 future-proofing (fix deprecation warnings)

Browse source
This commit is contained in:
Sebin Nyshkim 2021-09-22 20:30:33 +02:00
parent 710805751e
commit c5e0a72665
1 changed files with 5 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

8
src/scss/_flex.scss
View file

@ -1,3 +1,5 @@
@use "sass:math";
.flex { .flex {
display: flex; display: flex;
flex-flow: row wrap; flex-flow: row wrap;
@ -44,20 +46,20 @@
@for $i from 1 through 12 { @for $i from 1 through 12 {
&-#{$i} { &-#{$i} {
$width: percentage(($i / 12)); $width: percentage(math.div($i, 12));
flex: 0 0 $width; flex: 0 0 $width;
max-width: $width; max-width: $width;
} }
@include mq-desktop { @include mq-desktop {
&-d-#{$i} { &-d-#{$i} {
$width: percentage(($i / 12)); $width: percentage(math.div($i, 12));
flex: 0 0 $width; flex: 0 0 $width;
max-width: $width; max-width: $width;
} }
} }
@include mq-mobile { @include mq-mobile {
&-m-#{$i} { &-m-#{$i} {
$width: percentage(($i / 12)); $width: percentage(math.div($i, 12));
flex: 0 0 $width; flex: 0 0 $width;
max-width: $width; max-width: $width;
} }