Skip to content

Instantly share code, notes, and snippets.

@gorillawit
Last active December 26, 2015 02:39
Show Gist options
  • Save gorillawit/7079775 to your computer and use it in GitHub Desktop.
Save gorillawit/7079775 to your computer and use it in GitHub Desktop.
Sass menu with ie8 exception
menu {
background: #333333;
}
menu .menu-item {
float: left;
}
menu .menu-item .menu-link {
color: blue;
border-right: 1px solid black;
}
menu .menu-item .menu-link:hover, menu .menu-item .menu-link.active {
color: red;
}
.hojmepage menu .menu-item .menu-link:hover, .hojmepage menu .menu-item .menu-link.active {
color: red;
}
.ie8 menu .menu-item {
color: red;
}
@media (min-width: 600px) {
menu .menu-item {
color: green;
}
}
menu.last .menu-link {
border-right: none;
}
menu{
background: #333;
.menu-item{
float: left;
.menu-link{
color: blue;
border-right: 1px solid black;
&:hover, &.active{
color: red;
.homepage &{
color: red;
}
}
}
.ie8 & {
color: red;
@media (min-width: 600px){
color: green;
}
@media (min-width: 900px){
color:purple;
}
&.last .menu-link{
border-right: none;
}
}
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment