Navigation Menu

Skip to content

Instantly share code, notes, and snippets.

@smileyj68

smileyj68/tabcordion-groups.scss

Created February 19, 2015 18:23
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save smileyj68/b442d92e8cfe43b7f847 to your computer and use it in GitHub Desktop.
Save smileyj68/b442d92e8cfe43b7f847 to your computer and use it in GitHub Desktop.
Download ZIP
Tabcordion SCSS Ordinal Groups
Raw
tabcordion-groups.scss
&>.tab, &>.tab-content, &>input {
@if $i == 2 {
&:nth-child(-n+30) { order: 5;
&:checked + label + .tab-content { order: 6; }
}
&:nth-child(-n+24) { order: 4;
&:checked + label + .tab-content { order: 5; }
}
&:nth-child(-n+18) { order: 3;
&:checked + label + .tab-content { order: 4; }
}
&:nth-child(-n+12) { order: 2;
&:checked + label + .tab-content { order: 3; }
}
&:nth-child(-n+6) { order: 1;
&:checked + label + .tab-content { order: 2; }
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment