_sidebar.scss in ovh-jekyll-doc-theme-0.2.5

- old
+ new

@@ -50,17 +50,17 @@
         position: relative;
 
         &--active {
             .navbar__icon-bar {
                 &--top {
-                    transform: rotateX(45deg);
+                    transform: rotate(45deg) translate(1px, 1px);
                 }
                 &--middle {
-                    transform: scaleX(0), translateY(-50%);
+                    transform: scaleX(0) translateY(-50%);
                 }
                 &--bottom {
-                    transform: rotateX(-45deg);
+                    transform: rotate(-45deg) translate(1px, -1px);
                 }
             }
         }
 
         &-bar {
@@ -73,21 +73,23 @@
             left: 0;
             transition: all .2s ease-in;
 
             &--top {
                 top: 0;
-                transform: rotateX(0);
+                transform: rotate(0) translate(0, 0);
+                transform-origin: top left;
             }
 
             &--middle {
                 top: 50%;
-                transform: scaleX(1), translateY(-50%);
+                transform: scaleX(1) translateY(-50%);
                 transform-origin: center;
             }
 
             &--bottom {
                 bottom: 0;
-                transform: rotateX(0);
+                transform: rotate(0) translate(0, 0);
+                transform-origin: bottom left;
             }
         }
     }
 
     &__title {