Sha256: 310e7fc071f9a2233b9761e88561201403b0440de2388abb964444a5f52e3255
Contents?: true
Size: 1.32 KB
Versions: 10
Compression:
Stored size: 1.32 KB
Contents
// Include in an ul or ol to make it a two-level menu.
@mixin menu-list($hover-color: $menu-hover-color, $last-item-right: false) {
list-style: none;
// Note: using nth-child(n) to get a more specific selector than the
// one for striped background in generic/_lists.css.scss
li:nth-child(n) {
background-color: inherit;
}
> li {
display: block;
float: left;
margin: 0;
padding: 0;
background-color: inherit;
> ol, > ul {
display: none;
background-color: inherit;
border: 1px solid $hover-color;
position: absolute;
z-index: 5;
}
}
> li:hover {
> a {
background-color: $hover-color;
}
> ol, > ul {
display: block;
}
}
a {
display: block;
padding: 0 0.5em;
text-decoration: none;
color: inherit;
}
a:hover, a:active {
background-color: $hover-color;
}
li > img {
display: block;
position: relative;
top: 2px;
float: left;
margin: 0;
padding: 0 4px;
}
@if $last-item-right == true {
> li:last-child {
position: absolute;
right: 0;
}
> li:last-child > ol {
position: relative;
}
> li:last-child a {
vertical-align: bottom;
padding-right: 0;
}
> li:last-child a span {
display: inline-block;
}
}
}
Version data entries
10 entries across 10 versions & 1 rubygems