Skip to content

Instantly share code, notes, and snippets.

@k33
Created September 25, 2014 08:37
Show Gist options
  • Save k33/5635fe518a11ce0fa989 to your computer and use it in GitHub Desktop.
Save k33/5635fe518a11ce0fa989 to your computer and use it in GitHub Desktop.
Menu Float for Bread & Butter (https://github.com/multiple-states/bread-butter)
.first-nav {
display: none;
}
@media (min-width: @break-1) {
.first-nav {
display: block;
.make-sm-column( 12 );
}
.first-nav ul {
display: block;
width: 100%;
margin: 0;
}
.first-nav ul li {
float: left;
}
.first-nav ul li a {
display: block;
padding: 10px 20px;
background-color: @highlight-1;
}
.first-nav ul li a:hover {
background-color: @secondary-light;
}
/* Drop down styles */
.first-nav ul li ul {
display: none;
position: absolute;
width: auto;
z-index: 1200;
}
.first-nav ul li ul>li {
float: left;
clear: both;
width: 100%;
}
.first-nav ul li:hover>ul {
display: block;
}
.first-nav ul li ul li a {
background-color: @highlight-2;
}
.first-nav ul li ul li a:hover {
background-color: @secondary-light;
}
}
<div class="l-strip">
<div class="l-holder">
<div class="l-inner">
<div class="first-nav">
<?php include ('includes/menu.php'); ?>
</div>
</div>
</div>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment