Skip to content

Instantly share code, notes, and snippets.

View samuelkordik's full-sized avatar

Samuel Kordik samuelkordik

View GitHub Profile
@samuelkordik
samuelkordik / navbar-list.scss
Last active December 14, 2015 09:39
Compass/Sass @mixin that outputs css code for left/width values for a navigation bar (intended for horizontal navigation bars using unordered lists with ID selectors for each list item). Assumes that you also have divider elements to define a divider. $divider-prefix is the prefix for the divider (such as "#nd"). $divider-width is total width of…
@mixin navbar-list($divider-prefix, $divider-width, $items, $start) {
$count: 1;
@each $item in $items{
#{nth($item, 1)}{left: $start; width: nth($item,2);}
$start: $start + nth($item,2);
#{$divider-prefix}#{$count}{left: $start;}
$start: $start + $divider-width;
$count: $count + 1;
}
}