Skip to content

Instantly share code, notes, and snippets.

@cbfrance
Created August 9, 2011 00:48
Show Gist options
  • Save cbfrance/1133168 to your computer and use it in GitHub Desktop.
Save cbfrance/1133168 to your computer and use it in GitHub Desktop.
compass scss tab mixin
@import "colors";
@import "buttons.scss";
@import "compass/css3";
@mixin tabs {
float: left;
width: 100%;
background: transparent;
margin: 0!important;
height: 43px;
li {
a {
padding: 15px 8px 15px 50px;
font-weight: 0;
color: #888;
color: $light-text;
}
a.active {
color: $darkest;
background: $lightest;
}
}
li.glossary a {
background: url("../images/vocabulary.png") no-repeat left;
}
li.overview a {
background: url("../images/discussion.png") no-repeat left;
}
}
@cbfrance
Copy link
Author

cbfrance commented Aug 9, 2011

This would be included like this in another scss file, to be rendered into a css file, like this — 

@import "tabs

ul#navigation {
@include tabs;
}

@cherifGsoul
Copy link

thanks

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment