Do not control line-height when expanding the menu
authorAntonio Ospite <ao2@ao2.it>
Mon, 3 Jul 2017 07:00:08 +0000 (09:00 +0200)
committerAntonio Ospite <ao2@ao2.it>
Mon, 3 Jul 2017 07:00:08 +0000 (09:00 +0200)
The style only changes the 'height' property when the menu state
changes, so there's no need to set an animation for 'line-height'.

scss/modules/_toggle-menu.scss

index 6dd028a..6969ef3 100644 (file)
@@ -138,11 +138,11 @@ $imported-once: false !default;
     ##{$show-menu-id}:target {
       ~ .toggle-menu__list .toggle-menu__item {
         height: auto;
-        -moz-transition: height .25s, line-height .25s;
-        -ms-transition: height .25s, line-height .25s;
-        -o-transition: height .25s, line-height .25s;
-        -webkit-transition: height .25s, line-height .25s;
-        transition: height .25s, line-height .25s;
+        -moz-transition: height .25s;
+        -ms-transition: height .25s;
+        -o-transition: height .25s;
+        -webkit-transition: height .25s;
+        transition: height .25s;
       }
 
       ~ .toggle-menu__button--show {