Add new components like flex-group and flex-inline.

This commit is contained in:
Fredrik Jonsson 2023-01-25 09:57:28 +01:00
commit 9cf8765eac

View file

@ -0,0 +1,31 @@
.flex-group,
%flex-group {
$gap: 1;
@include gap($gap);
display: flex;
flex-wrap: wrap;
& > * {
flex: 1;
}
&--2 > * {
@include flex(2, $gap);
}
&--3 > * {
@include flex(3, $gap);
}
&--4 > * {
@include flex(4, $gap);
}
&--5 > * {
@include flex(5, $gap);
}
&--6 > * {
@include flex(6, $gap);
}
}