Sha256: 02fb6244aef92ca828f6af94849f326db94c67c416b0920a7d1d9ea853b3d142
Contents?: true
Size: 1.78 KB
Versions: 8
Compression:
Stored size: 1.78 KB
Contents
@mixin menu-title{
text-transform: uppercase;
letter-spacing: 5px;
}
.title-bar-title{
@include menu-title;
}
.sidebar{
color: $light-gray;
.title{
background-color: black;
background-color: map-get($foundation-palette, primary);
h1{
margin: 0;
padding: 0;
font-size: rem-calc(18);
font-weight: bold;
}
a{
display: block;
color: inherit;
padding: rem-calc(20) $global-padding;
@include menu-title;
}
@include show-for(large);
}
.main-menu{
border-top: 1px solid black;
border-bottom: 1px solid black;
a{
padding: $global-padding;
display: block;
color: $light-gray;
text-transform: uppercase;
font-weight: bold;
font-size: 0.9em;
border-left: 2px solid transparent;
transition: all 0.3s;
&.active {
border-color: map-get($foundation-palette, primary);
&, &:hover{
background-color: #101010;
}
}
&:hover {
background-color: #1a1a1a;
}
}
}
.session-box {
padding: $global-padding 0;
border-bottom: 1px solid black;
@include grid-row;
.admin-email {
@include grid-column(8);
text-overflow: ellipsis;
overflow: hidden;
}
.sign-out{ @include grid-column(4); }
}
}
.dropdown > li > a{
padding-left: 0;
}
.dropdown{
display: inline-block;
vertical-align: middle;
}
.is-dropdown-submenu{
z-index: 2;
text-align: left;
background: lighten($black, 5) !important;
border: none !important;
box-shadow: 0 3px 5px rgba(0, 0, 0, .3) !important;;
min-width: 250px !important;
a{
color: $light-gray;
padding: .5rem;
}
a:hover{
color: lighten($light-gray, 20);
}
li:hover{
background: lighten($black, 10);
}
}
Version data entries
8 entries across 8 versions & 2 rubygems