_sass/components/_sidebar.scss in ovh-jekyll-doc-theme-0.2.3 vs _sass/components/_sidebar.scss in ovh-jekyll-doc-theme-0.2.4

@@ -47,29 +47,47 @@
         width: $space-base;
         height: $space-base;
         margin-right: $space-base;
         position: relative;
 
+        &--active {
+            .navbar__icon-bar {
+                &--top {
+                    transform: rotateX(45deg);
+                }
+                &--middle {
+                    transform: scaleX(0), translateY(-50%);
+                }
+                &--bottom {
+                    transform: rotateX(-45deg);
+                }
+            }
+        }
+
         &-bar {
             display: block;
             width: 100%;
             height: 2px;
             background-color: white;
             border-radius: 1px;
             position: absolute;
             left: 0;
+            transition: all .2s ease-in;
 
             &--top {
                 top: 0;
+                transform: rotateX(0);
             }
 
             &--middle {
                 top: 50%;
-                transform: translateY(-50%);
+                transform: scaleX(1), translateY(-50%);
+                transform-origin: center;
             }
 
             &--bottom {
                 bottom: 0;
+                transform: rotateX(0);
             }
         }
     }
 
     &__title {