22 lines
419 B
CSS
22 lines
419 B
CSS
|
/*==============*/
|
||
|
|
/* The Switcher */
|
||
|
|
/*==============*/
|
||
|
|
|
||
|
|
.switcher > * {
|
||
|
|
--space: var(--s1);
|
||
|
|
display: flex;
|
||
|
|
flex-wrap: wrap;
|
||
|
|
margin: calc((var(--space) / 2) * -1);
|
||
|
|
}
|
||
|
|
|
||
|
|
.switcher > * > * {
|
||
|
|
flex-grow: 1;
|
||
|
|
flex-basis: calc((var(--measure) - (100% - var(--space))) * 999);
|
||
|
|
margin: calc(var(--space) / 2);
|
||
|
|
}
|
||
|
|
|
||
|
|
.switcher > * > :nth-last-child(n+5),
|
||
|
|
.switcher > * > :nth-last-child(n+5) ~ * {
|
||
|
|
flex-basis: 100%
|
||
|
|
}
|