Add new components like flex-group and flex-inline.
This commit is contained in:
parent
a693c8c0c2
commit
9cf8765eac
1 changed files with 111 additions and 0 deletions
31
assets/sass/components/flex-group/_flex-group.scss
Normal file
31
assets/sass/components/flex-group/_flex-group.scss
Normal 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);
|
||||
}
|
||||
}
|
||||
Loading…
Reference in a new issue