Do not control line-height when expanding the menu

[experiments/scss-responsive-toggle-menu.git] / scss / modules / _toggle-menu.scss

diff --git a/scss/modules/_toggle-menu.scss b/scss/modules/_toggle-menu.scss
index 1cb6f4d..6969ef3 100644 (file)
--- a/scss/modules/_toggle-menu.scss
+++ b/scss/modules/_toggle-menu.scss
@@ -52,6 +52,7 @@
     }
   }
 
+  /* common big screen style for when :target is supported */
   @media screen and (min-width: 48.25em) {
     body:not(:target) .toggle-menu {
       .toggle-menu__list .toggle-menu__item {
@@ -64,6 +65,7 @@
 
 @mixin _toggle-menu-theme {
 
+  /* toggle-menu theming */
   .toggle-menu {
 
     a {
@@ -136,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 {