Add internal .is-visible and .is-hidden classes for JS

diff --git a/scss/_global.scss b/scss/_global.scss
index 6240c401a574bc7ff9851710a6ed5c736309cb5f..36186e14c70a156dd3a582f4a9f86231684f3f21 100644 (file)
--- a/scss/_global.scss
+++ b/scss/_global.scss
@@ -194,6 +194,15 @@ $foundation-colors: (
     border-radius: $global-radius;
     line-height: 1;
   }
+
+  // Internal classes to show/hide elements in JavaScript
+  .is-visible {
+    display: block !important;
+  }
+
+  .is-hidden {
+    display: none !important;
+  }
 }
 
 /// Loads normalize.css.

diff --git a/scss/forms/_select.scss b/scss/forms/_select.scss
index 0c6803039efbb626574ddb9dced45b57686aff66..4c438e7dcddfaee6c52140d236bb19c29b902425 100644 (file)
--- a/scss/forms/_select.scss
+++ b/scss/forms/_select.scss
@@ -37,9 +37,11 @@ $select-radius: $global-radius !default;
   @if $select-triangle-color != transparent {
     @include background-triangle($select-triangle-color);
     background-size: 9px 6px;
+    background-position: $global-right center; // Fallback for Android 4.3-
     background-position: $global-right ($form-spacing / 2) center;
     background-repeat: no-repeat;
   }
+
   // Disabled state
   &:disabled {
     background-color: $input-background-disabled;