Fix bug in flex-group component.
This commit is contained in:
parent
a73ca22345
commit
cf49d9e875
1 changed files with 9 additions and 6 deletions
|
|
@ -8,33 +8,36 @@
|
||||||
|
|
||||||
& > * {
|
& > * {
|
||||||
flex: 1;
|
flex: 1;
|
||||||
flex-basis: 100%;
|
|
||||||
flex-grow: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
&--grow {
|
|
||||||
flex-grow: 1;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (min-width: 666px) {
|
@media (min-width: 666px) {
|
||||||
&--2 > * {
|
&--2 > * {
|
||||||
@include flex(2, $gap);
|
@include flex(2, $gap);
|
||||||
|
flex-grow: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
&--3 > * {
|
&--3 > * {
|
||||||
@include flex(3, $gap);
|
@include flex(3, $gap);
|
||||||
|
flex-grow: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
&--4 > * {
|
&--4 > * {
|
||||||
@include flex(4, $gap);
|
@include flex(4, $gap);
|
||||||
|
flex-grow: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
&--5 > * {
|
&--5 > * {
|
||||||
@include flex(5, $gap);
|
@include flex(5, $gap);
|
||||||
|
flex-grow: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
&--6 > * {
|
&--6 > * {
|
||||||
@include flex(6, $gap);
|
@include flex(6, $gap);
|
||||||
|
flex-grow: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
&--grow > * {
|
||||||
|
flex-grow: 1;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue