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
 /**** MENU HAMBURGER ON EXPAND BAR *****/
17
 /**** MENU HAMBURGER ON EXPAND BAR *****/
18
 
18
 
19
 .hamburger--spring .hamburger-inner
19
 .hamburger--spring .hamburger-inner
20
-  margin 2px 6px
20
+  margin 4px 8px
21
 
21
 
22
 .hamburger--spring .hamburger-inner::before
22
 .hamburger--spring .hamburger-inner::before
23
-  top 8px
23
+  top 7px
24
 
24
 
25
 .hamburger--spring .hamburger-inner::after
25
 .hamburger--spring .hamburger-inner::after
26
-  top 16px
26
+  top 14px
27
 
27
 
28
  /***************************************/
28
  /***************************************/
29
 
29
 
52
         transition-delay 0.22s
52
         transition-delay 0.22s
53
         background-color transparent
53
         background-color transparent
54
         &::before
54
         &::before
55
-            top 0
55
+            top -3px
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)
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
             transform translate3d(0, 10px, 0) rotate(45deg)
57
             transform translate3d(0, 10px, 0) rotate(45deg)
58
         &::after
58
         &::after
59
-            top 0
59
+            top -3px
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)
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
             transform translate3d(0, 10px, 0) rotate(-45deg)
61
             transform translate3d(0, 10px, 0) rotate(-45deg)
62
   &__expand
62
   &__expand
76
         outline none
76
         outline none
77
       &__box
77
       &__box
78
         &__icon, &__icon::before, &__icon::after
78
         &__icon, &__icon::before, &__icon::after
79
-          width 25px
80
-          height 3px
79
+          width 20px
80
+          height 2px
81
           background-color off-white
81
           background-color off-white
82
         &__icon::before
82
         &__icon::before
83
           top 8px
83
           top 8px