Changeset 5255 for sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/client/styles/forms/_fields.scss

Timestamp:

04/05/2017 06:34:21 PM (8 years ago)

Author:

obenland

Message:

Plugin Directory: Improve form field styles

Fixes #2365.

File:

• sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/client/styles/forms/_fields.scss (modified) (7 diffs)

sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/client/styles/forms/_fields.scss

@@ -31 +31 @@
     box-shadow: inset 0 1px 2px rgba( 0, 0, 0, 0.07 );
     color: $color__text-input;
+    outline: none;
     transition: 0.05s border-color ease-in-out;
-    -webkit-appearance: none;
 
     &:focus {
@@ -73 +73 @@
 input[type="search"],
 input[type="password"],
-input[type="number"] {
+input[type="number"],
+select {
     padding: 6px 10px;
 }
@@ -85 +86 @@
 input[type="checkbox"],
 input[type="radio"] {
+    -webkit-appearance: none;
     background: #fff;
     border: 1px solid #b4b9be;
@@ -176 +178 @@
     border-radius: 0;
     font-size: 16px;
-    padding: 3px 5px; /* Reset mobile webkit's default element styling */
 }
 
@@ -245 +246 @@
 -------------------------------------------------------------- */
 
-@media screen and ( min-width: 48em ) {
+@media screen and ( min-width: $ms-breakpoint ) {
     /* Input Elements */
     input[type="text"],
@@ -252 +253 @@
     input[type="password"],
     input[type="number"] {
-        padding: 0;
+        padding: 3px 5px;
     }
 
@@ -284 +285 @@
     select {
         font-size: 14px;
-    }
-}
+        padding: 3px 5px; /* Reset mobile webkit's default element styling */
+    }
+}