fix: reduce placeholder specificity #8366

Close https://github.com/zurb/foundation-sites/issues/8366

diff --git a/scss/forms/_text.scss b/scss/forms/_text.scss
index b34b121ed28d38c0d1dbbcead9d1e7fb94ffdb46..4277490b27510e2808b90f8bf49ba0eab7359cd4 100644 (file)
--- a/scss/forms/_text.scss
+++ b/scss/forms/_text.scss
@@ -139,11 +139,6 @@ $form-button-radius: $global-radius !default;
 
   input,
   textarea {
-    // Placeholder text
-    &::placeholder {
-      color: $input-placeholder-color;
-    }
-
     // Disabled/readonly state
     &:disabled,
     &[readonly] {
@@ -176,4 +171,9 @@ $form-button-radius: $global-radius !default;
       }
     }
   }
+
+  // Placeholder text
+  ::placeholder {
+    color: $input-placeholder-color;
+  }
 }