plenty o changes

2026-01-13 19:12:49 +00:00 · 2016-08-18 20:32:54 +00:00
parent 2cfda4bb4f
commit 3e6ffc206a
11 changed files with 175 additions and 30 deletions
--- a/client/assets/scss/Sidebar.scss
+++ b/client/assets/scss/Sidebar.scss
@@ -0,0 +1,64 @@
+$transitionDuration: .4s;
+
+.Sidebar{
+  background: #fff;
+  width: 300px;
+  padding-right: 1em;
+  padding-left: 1em;
+  
+  img{
+      width: 100%;
+      height: auto;
+  }
+  
+  a.toggler{
+    display: none;
+  }
+  
+  @media (max-width: 768px) {
+    position: absolute;
+    top: 0;
+    right: 0;
+    min-height: 100%;
+    
+    transform: translateX(300px);
+    -webkit-transform: translateX(300px);
+    transition: transform $transitionDuration ease-out;
+    -webkit-transition: transform $transitionDuration ease-out;
+    
+    &.open {
+      transform: translateX(0px);
+      -webkit-transform: translateX(0px);
+      border-left: 1px solid #EAEAEA;
+      
+        &:before {
+            content:    " ";
+            display:    block;
+            background: rgba(0,0,0,0.4);
+            position:   absolute;
+            height:     100%;
+            width:      100vw;
+            top:        0;
+            right:      100%;
+        }
+        
+        a.toggler{
+            transform: rotate(450deg);
+        }
+    }
+    
+    a.toggler{
+        display: block;
+        width: 2em;
+        height: 2em;
+        position: absolute;
+        left: -3em;
+        top: .5em;
+        cursor: pointer;
+        color: white;
+        transform: rotate(0deg);
+        transition: transform $transitionDuration ease-out;
+        -webkit-transition: transform $transitionDuration ease-out;
+    }
+  }
+}