Skip to content

Instantly share code, notes, and snippets.

@illepic
Created February 13, 2013 05:13
Show Gist options
  • Save illepic/4942445 to your computer and use it in GitHub Desktop.
Save illepic/4942445 to your computer and use it in GitHub Desktop.
Operations/functions
#navbar {
width: 800px;
border-bottom: 2px solid #ce4dd6;
}
#navbar li {
float: left;
width: 150px;
background-color: #e5a0e9;
}
#navbar li:hover {
background-color: #d976e0;
}
#navbar {
$navbar-width: 800px;
$items: 5;
$navbar-color: #ce4dd6;
width: $navbar-width;
border-bottom: 2px solid $navbar-color;
li {
float: left;
width: $navbar-width/$items - 10px;
background-color:
lighten($navbar-color, 20%);
&:hover {
background-color:
lighten($navbar-color, 10%);
}
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment