diff options
| author | Pliable Pixels <pliablepixels@gmail.com> | 2019-04-18 09:42:22 -0400 |
|---|---|---|
| committer | Pliable Pixels <pliablepixels@gmail.com> | 2019-04-18 09:42:22 -0400 |
| commit | 38d3feaa47e87e037c6fe4b320ad88417d565ea5 (patch) | |
| tree | 83f98a9f25ddfacfef835b5bfcc2edd8336c8e81 /www/lib/ionic/scss/_menu.scss | |
| parent | a86a09b90283950364b5bfdaf9904f13de2ce2fc (diff) | |
libs tbd cleanup
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); +} |
