From: Ghaida Zahran <ghaida@zurb.com>
Date: Tue, 2 Apr 2013 20:15:41 +0000 (-0700)
Subject: Fixed orbit arrow styles for RTL
X-Git-Tag: v4.1.0~4^2~2
X-Git-Url: http://git.ipfire.org/?a=commitdiff_plain;h=89c134629120a55fbc6314f2d9b7eb5cce47990b;p=thirdparty%2Ffoundation%2Ffoundation-sites.git

Fixed orbit arrow styles for RTL
---

diff --git a/scss/foundation/components/_orbit.scss b/scss/foundation/components/_orbit.scss
index 8ec920acd..e8e073bea 100644
--- a/scss/foundation/components/_orbit.scss
+++ b/scss/foundation/components/_orbit.scss
@@ -135,16 +135,24 @@ $stack-on-small-margin-bottom: emCalc(20px) !default;
     }
   }
   .orbit-prev { #{$default-float}: 0;
-    & > span { border-color: transparent #fff transparent transparent; }
-    &:hover > span { border-color: transparent #ccc transparent transparent; }
+    & > span { 
+      border-color: transparent;
+      border-#{$opposite-direction}-color: #fff;
+    }
+    &:hover > span {
+      border-#{$opposite-direction}-color: #ccc;
+    }
   }
   .orbit-next { #{$opposite-direction}: 0;
     & > span {
-      border-color: transparent transparent transparent #fff;
+      border-color: transparent;
+      border-#{$default-float}-color: #fff;
       #{$default-float}: 50%;
       margin-#{$default-float}: -8px;
     }
-    &:hover > span { border-color: transparent transparent transparent #ccc; }
+    &:hover > span {
+      border-#{$default-float}-color: #ccc;
+    }
   }
 }