From: Kevin Ball <kmball11@gmail.com>
Date: Thu, 25 May 2017 22:19:44 +0000 (-0700)
Subject: Fix accordion menu arrows
X-Git-Tag: v6.4.0-rc1~20^2~15
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=96449342885175ea65cfad0bc5124fe22fe3f3fd;p=thirdparty%2Ffoundation%2Ffoundation-sites.git

Fix accordion menu arrows
---

diff --git a/scss/components/_accordion-menu.scss b/scss/components/_accordion-menu.scss
index 95c592a85..774cee664 100644
--- a/scss/components/_accordion-menu.scss
+++ b/scss/components/_accordion-menu.scss
@@ -26,6 +26,27 @@ $accordionmenu-arrow-color: $primary-color !default;
 /// @type Length
 $accordionmenu-arrow-size: 6px !default;
 
+@mixin zf-accordion-menu-left-right-arrows {
+  .is-accordion-submenu-parent > a {
+    position: relative;
+
+    &::after {
+      @include css-triangle($accordionmenu-arrow-size, $accordionmenu-arrow-color, down);
+      position: absolute;
+      top: 50%;
+      margin-top: -1 * ($accordionmenu-arrow-size / 2);
+      #{$global-right}: 1rem;
+    }
+  }
+  &.align-left .is-accordion-submenu-parent > a::after {
+    left: auto;
+    right: 1rem;
+  }
+  &.align-right .is-accordion-submenu-parent > a::after {
+    right: auto;
+    left: 1rem;
+  }
+}
 @mixin foundation-accordion-menu {
 
   .accordion-menu {
@@ -47,17 +68,7 @@ $accordionmenu-arrow-size: 6px !default;
   }
 
   @if $accordionmenu-arrows {
-    .is-accordion-submenu-parent > a {
-      position: relative;
-
-      &::after {
-        @include css-triangle($accordionmenu-arrow-size, $accordionmenu-arrow-color, down);
-        position: absolute;
-        top: 50%;
-        margin-top: -1 * ($accordionmenu-arrow-size / 2);
-        #{$global-right}: 1rem;
-      }
-    }
+    @include zf-accordion-menu-left-right-arrows;
 
     .is-accordion-submenu-parent[aria-expanded='true'] > a::after {
       transform: rotate(180deg);