Sha256: a81e9affe74f0671472bc82ed99adb7901150e39c205f4dab33837852fbdb0f6
Contents?: true
Size: 1.36 KB
Versions: 8
Compression:
Stored size: 1.36 KB
Contents
$sliding-menu-border-color: $dark-gray;
$sliding-menu-background: lighten($sliding-menu-border-color, 5);
$sliding-menu-color: #fff;
$sliding-menu-border: 1px solid $sliding-menu-border-color;
$sliding-menu-background-hover: $base-accent-color;
$sliding-menu-color-hover: #fff;
.sliding-menu-button {
@include inline-block;
cursor: pointer;
font-size: $base-font-size;
margin-bottom: $base-line-height;
position: relative;
outline: none;
img {
height: 1.3em;
}
}
.sliding-menu-content {
@include position(fixed, 0px auto 0px 0px);
@include size(220px 100%);
@include transform(translateX(-220px));
@include transition(all .25s linear);
background: $sliding-menu-background;
z-index: 999999;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
li a {
border-bottom: $sliding-menu-border;
color: $sliding-menu-color;
display: block;
font-weight: bold;
padding: 1em;
&:hover {
background-color: $sliding-menu-background-hover;
color: $sliding-menu-color-hover;
}
}
&.is-visible {
@include transform(translateX(0));
}
}
.menu-screen {
@include position(fixed, 0px 0px 0px 0px);
@include transition;
background: $sliding-menu-border-color;
opacity: 0;
visibility: hidden;
z-index: 999998;
&.is-visible {
opacity: .4;
visibility: visible;
}
}
// Based on code by Diego Eis
Version data entries
8 entries across 8 versions & 1 rubygems