Version 4 with Laravel Mix

This commit is contained in:
Dan Coulthard 2023-08-03 12:57:13 +01:00
parent 0cafd60448
commit f0198f659b
32 changed files with 13032 additions and 352 deletions

View file

@ -2,21 +2,23 @@
* Grid loop mixin
*/
@use "sass:math";
@mixin grid-loop($name){
@for $i from 0 through $grid-columns {
@if $i != 0 {
.col--#{$name}-#{$i} {
width: percentage($i/$grid-columns);
width: percentage(math.div($i, $grid-columns));
.row--flex & {
flex-basis: percentage($i/$grid-columns);
max-width: percentage($i/$grid-columns);
flex-basis: percentage(math.div($i, $grid-columns));
max-width: percentage(math.div($i, $grid-columns));
width: auto;
float: none;
}
}
}
.col--#{$name}-offset-#{$i} {
margin-left: percentage($i/$grid-columns);
margin-left: percentage(math.div($i, $grid-columns));
}
}
}