Browse Source

change the width/height on the icon burger in the sidebar

AlexiCauvin 7 years ago
parent
commit
a3bdd6426f
1 changed files with 7 additions and 7 deletions
  1. 7 7
      src/css/Sidebar.styl

+ 7 - 7
src/css/Sidebar.styl View File

@@ -17,13 +17,13 @@
17 17
 /**** MENU HAMBURGER ON EXPAND BAR *****/
18 18
 
19 19
 .hamburger--spring .hamburger-inner
20
-  margin 2px 6px
20
+  margin 4px 8px
21 21
 
22 22
 .hamburger--spring .hamburger-inner::before
23
-  top 8px
23
+  top 7px
24 24
 
25 25
 .hamburger--spring .hamburger-inner::after
26
-  top 16px
26
+  top 14px
27 27
 
28 28
  /***************************************/
29 29
 
@@ -52,11 +52,11 @@ leftside()
52 52
         transition-delay 0.22s
53 53
         background-color transparent
54 54
         &::before
55
-            top 0
55
+            top -3px
56 56
             transition top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1)
57 57
             transform translate3d(0, 10px, 0) rotate(45deg)
58 58
         &::after
59
-            top 0
59
+            top -3px
60 60
             transition top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1)
61 61
             transform translate3d(0, 10px, 0) rotate(-45deg)
62 62
   &__expand
@@ -76,8 +76,8 @@ leftside()
76 76
         outline none
77 77
       &__box
78 78
         &__icon, &__icon::before, &__icon::after
79
-          width 25px
80
-          height 3px
79
+          width 20px
80
+          height 2px
81 81
           background-color off-white
82 82
         &__icon::before
83 83
           top 8px