From: Antonio Ospite <ao2@ao2.it>
Date: Mon, 3 Jul 2017 07:00:08 +0000 (+0200)
Subject: Do not control line-height when expanding the menu
X-Git-Url: https://git.ao2.it/experiments/scss-responsive-toggle-menu.git/commitdiff_plain/460b4323d7be03e27489db0620e1be0cffdeec60

Do not control line-height when expanding the menu

The style only changes the 'height' property when the menu state
changes, so there's no need to set an animation for 'line-height'.
---

diff --git a/scss/modules/_toggle-menu.scss b/scss/modules/_toggle-menu.scss
index 6dd028a..6969ef3 100644
--- a/scss/modules/_toggle-menu.scss
+++ b/scss/modules/_toggle-menu.scss
@@ -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 {