tA
/
everylayout
1
0
Fork 0
Code Issues 0 Pull Requests 0 Releases 0 Wiki Activity
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
3 Commits
1 Branch
22KB
Branch: master
Branches Tags
${ item.name }
Create branch ${ searchTerm }
from 'master'
${ noResults }
everylayout/switcher.css

22 lines
419B
Raw Permalink Blame History 

  1. /*==============*/

  2. /* The Switcher */

  3. /*==============*/

  4. 

  5. .switcher > * {

  6.   --space: var(--s1);

  7.   display: flex;

  8.   flex-wrap: wrap;

  9.   margin: calc((var(--space) / 2) * -1);

  10. }

  11. 

  12. .switcher > * > * {

  13.   flex-grow: 1;

  14.   flex-basis: calc((var(--measure) - (100% - var(--space))) * 999);

  15.   margin: calc(var(--space) / 2);

  16. }

  17. 

  18. .switcher > * > :nth-last-child(n+5),

  19. .switcher > * > :nth-last-child(n+5) ~ * {

  20.   flex-basis: 100%

  21. }