From: harry Date: Wed, 28 Jun 2017 19:11:31 +0000 (+0530) Subject: Nest accordion arrows block within `.accordion-menu`! X-Git-Tag: v6.4.1~14^2 X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=refs%2Fpull%2F10288%2Fhead;p=thirdparty%2Ffoundation%2Ffoundation-sites.git Nest accordion arrows block within `.accordion-menu`! --- diff --git a/scss/components/_accordion-menu.scss b/scss/components/_accordion-menu.scss index 3eb09484f..7d2544660 100644 --- a/scss/components/_accordion-menu.scss +++ b/scss/components/_accordion-menu.scss @@ -107,6 +107,15 @@ $accordionmenu-arrow-size: 6px !default; @include menu-nested($accordionmenu-nested-margin, right); } } + + @if $accordionmenu-arrows { + @include zf-accordion-menu-left-right-arrows; + + .is-accordion-submenu-parent[aria-expanded='true'] > a::after { + transform: rotate(180deg); + transform-origin: 50% 50%; + } + } } .is-accordion-submenu li { @@ -159,13 +168,4 @@ $accordionmenu-arrow-size: 6px !default; .submenu-toggle-text { @include element-invisible; } - - @if $accordionmenu-arrows { - @include zf-accordion-menu-left-right-arrows; - - .is-accordion-submenu-parent[aria-expanded='true'] > a::after { - transform: rotate(180deg); - transform-origin: 50% 50%; - } - } }