aboutsummaryrefslogtreecommitdiff
path: root/src/css/_partial/_slideout.scss
diff options
context:
space:
mode:
Diffstat (limited to 'src/css/_partial/_slideout.scss')
-rw-r--r--src/css/_partial/_slideout.scss33
1 files changed, 33 insertions, 0 deletions
diff --git a/src/css/_partial/_slideout.scss b/src/css/_partial/_slideout.scss
new file mode 100644
index 0000000..2dc757d
--- /dev/null
+++ b/src/css/_partial/_slideout.scss
@@ -0,0 +1,33 @@
+// ==============================
+// slideout (https://github.com/mango/slideout)
+// ==============================
+
+.slideout-menu {
+ position: fixed;
+ top: 0;
+ left: 0px;
+ bottom: 0;
+ width: 180px;
+ min-height: 100vh;
+ overflow-y: hidden;
+ -webkit-overflow-scrolling: touch;
+ z-index: 0;
+ display: none;
+}
+
+.slideout-panel {
+ position: relative;
+ z-index: 1;
+ background-color: $white;
+ min-height: 100vh;
+}
+
+.slideout-open,
+.slideout-open body,
+.slideout-open .slideout-panel {
+ overflow: hidden;
+}
+
+.slideout-open .slideout-menu {
+ display: block;
+}