Skip to content

Instantly share code, notes, and snippets.

@illepic
Created April 29, 2013 21:42
Show Gist options
  • Save illepic/5485049 to your computer and use it in GitHub Desktop.
Save illepic/5485049 to your computer and use it in GitHub Desktop.
inline block list foundation
$main-height: 45px;
.menu-name-main-menu{
> .menu{
> li{
@include inline-block-list-item;
position: relative;
&:hover{
.menu{
display: block;
}
}
}
.menu{
display: none;
position: absolute;
left: 0;
top: $main-height;
}
} // > .menu
a{
@include height-lineheight($main-height);
display: block;
padding: 0 emCalc(12px);
text-decoration: none;
text-transform: uppercase;
}
} //.menu-name-main-menu
.nav-wrapper{
position: relative;
z-index: 11;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment