Sha256: fb3d01dec18c1e93c7bebf8cc6437f92299cce6c67ce05c1ebc23e7aa7dde603
Contents?: true
Size: 1.85 KB
Versions: 1
Compression:
Stored size: 1.85 KB
Contents
.sliding-menu-content { /////////////////////////////////////////////////////////////////////////////////// $base-accent-color: #477DCA !default; $dark-gray: #333 !default; ul { padding: 0; margin: 0; } li { list-style: none; } a { text-decoration: none; } ////////////////////////////////////////////////////////////////////////////////// $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-background-focus: lighten($sliding-menu-background, 5%); @include position(fixed, 0px auto 0px 0px); @include size(220px 100%); @include transform(translateX(-220px)); @include transition(all 0.25s linear); background: $sliding-menu-background; z-index: 999999; overflow-y: auto; -webkit-overflow-scrolling: touch; li a { border-bottom: $sliding-menu-border; color: $sliding-menu-color; display: block; font-weight: bold; padding: 1em; &:focus { background-color: $sliding-menu-background-focus; } &:hover { background-color: $sliding-menu-background-hover; color: $sliding-menu-color-hover; } } &.is-visible { @include transform(translateX(0)); } } .sliding-menu-fade-screen { @include position(fixed, 0px 0px 0px 0px); @include transition; background: black; opacity: 0; visibility: hidden; z-index: 999998; &.is-visible { opacity: 0.4; visibility: visible; } } .sliding-menu-button { @include button(flat, #477DCA); padding: 10px 16px; display: inline-block; cursor: pointer; position: relative; outline: none; img { height: 1.3em; } } // Based on code by Diego Eis
Version data entries
1 entries across 1 versions & 1 rubygems
Version | Path |
---|---|
refills-0.1.0 | source/stylesheets/refills/_sliding-menu.scss |