User side menu styling

2014-08-11 11:25:40 +02:00
parent f91c5660a0
commit af45377679
7 changed files with 61 additions and 45 deletions
@@ -0,0 +1,43 @@
+aside.side-menu
+  background-color: #444
+  position: fixed
+  display: none
+  left: -222px
+  top: 0
+  width: 222px
+  height: 100%
+  z-index: 157
+  > ul
+    list-style: none
+    a
+      color: white
+    .title
+      border-bottom: 1px solid #aaa
+  h3
+    color: white
+    margin-bottom: 3px
+  .scan-qr-icon
+    margin-right: 18px
+    @extend .fa
+    @extend .fa-qrcode
+  .fa-glass
+    margin-right: 5px
+  .active-list-icon
+    margin-right: 18px
+    @extend .fa
+    @extend .fa-list
+
+.toggle-side-menu
+  position: absolute
+  width: 28px
+  height: 28px
+  color: white
+  left: 0
+  cursor: pointer
+  z-index: 100
+  &.open
+    color: white
+  span
+    @extend .fa
+    @extend .fa-lg
+    @extend .fa-bars