Skip to content

Instantly share code, notes, and snippets.

@jakelear
Created August 6, 2013 15:34
Show Gist options
  • Select an option

  • Save jakelear/6165585 to your computer and use it in GitHub Desktop.

Select an option

Save jakelear/6165585 to your computer and use it in GitHub Desktop.
Example of new Vox style SCSS selectors.
$m : '.m-site-nav';
#{$m} {
@extend .clearfix;
@extend .-font-gotham;
position: relative;
text-transform: uppercase;
width: 100%;
z-index: 35;
height: $sticky_nav_height;
background: #fff;
border-bottom: 1px solid #CCC;
&.pinned {
position: fixed;
top: 0;
}
@media(max-width: $break_medium_small) {
position: static;
}
}
#{$m}__wrapper {
border: 1px solid #ddd;
border-width: 0 1px;
height: $sticky_nav_height;
}
#{$m}__loader {
@include image-replacement(30px, 30px, "/images/polygon/loader-small.gif");
height: 50px;
background-position: center center;
margin: 0 auto;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment