diff options
| author | Pliable Pixels <pliablepixels@gmail.com> | 2017-09-20 16:15:18 -0400 |
|---|---|---|
| committer | Pliable Pixels <pliablepixels@gmail.com> | 2017-09-20 16:15:18 -0400 |
| commit | 676270d21beed31d767a06c89522198c77d5d865 (patch) | |
| tree | 902772af01bfbcf80955f0351a5aae9eb029b9b0 /www/lib/ionic/scss/_menu.scss | |
Initial commit
Diffstat (limited to 'www/lib/ionic/scss/_menu.scss')
| -rw-r--r-- | www/lib/ionic/scss/_menu.scss | 70 |
1 files changed, 70 insertions, 0 deletions
diff --git a/www/lib/ionic/scss/_menu.scss b/www/lib/ionic/scss/_menu.scss new file mode 100644 index 00000000..17466758 --- /dev/null +++ b/www/lib/ionic/scss/_menu.scss @@ -0,0 +1,70 @@ + +/** + * Menus + * -------------------------------------------------- + * Side panel structure + */ + +.menu { + position: absolute; + top: 0; + bottom: 0; + z-index: $z-index-menu; + overflow: hidden; + + min-height: 100%; + max-height: 100%; + width: $menu-width; + + background-color: $menu-bg; + + .scroll-content { + z-index: $z-index-menu-scroll-content; + } + + .bar-header { + z-index: $z-index-menu-bar-header; + } +} + +.menu-content { + @include transform(none); + box-shadow: $menu-side-shadow; +} + +.menu-open .menu-content .pane, +.menu-open .menu-content .scroll-content { + pointer-events: none; +} +.menu-open .menu-content .scroll-content .scroll { + pointer-events: none; +} +.menu-open .menu-content .scroll-content:not(.overflow-scroll) { + overflow: hidden; +} + +.grade-b .menu-content, +.grade-c .menu-content { + @include box-sizing(content-box); + right: -1px; + left: -1px; + border-right: 1px solid #ccc; + border-left: 1px solid #ccc; + box-shadow: none; +} + +.menu-left { + left: 0; +} + +.menu-right { + right: 0; +} + +.aside-open.aside-resizing .menu-right { + display: none; +} + +.menu-animated { + @include transition-transform($menu-animation-speed ease); +} |
