The style only changes the 'height' property when the menu state
changes, so there's no need to set an animation for 'line-height'.
##{$show-menu-id}:target {
~ .toggle-menu__list .toggle-menu__item {
height: auto;
##{$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 {
}
~ .toggle-menu__button--show {