Changeset 3676 for sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/sass/forms/_fields.scss

Timestamp:

07/12/2016 10:17:26 PM (8 years ago)

Author:

obenland

Message:

Plugin Directory: Use autoprefixer for vendor prefixes.

Also adds pixel fallback for older browsers that don't understand rems.
Just to be sure.

See #1719.

File:

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

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

@@ -4 +4 @@
 input,
 textarea {
-    -webkit-box-sizing: border-box;
-    -moz-box-sizing: border-box;
     box-sizing: border-box;
 }
@@ -29 +27 @@
 select,
 textarea {
-    -webkit-appearance: none;
     background-color: #fff;
     border: 1px solid $color__border-input;
-    -webkit-box-shadow: inset 0 1px 2px rgba( 0, 0, 0, 0.07 );
     box-shadow: inset 0 1px 2px rgba( 0, 0, 0, 0.07 );
     color: $color__text-input;
-    -webkit-transition: 0.05s border-color ease-in-out;
     transition: 0.05s border-color ease-in-out;
+    -webkit-appearance: none;
 
     &:focus {
@@ -64 +60 @@
 textarea:focus {
     border-color: #5b9dd9;
-    -webkit-box-shadow: 0 0 2px rgba( 30, 140, 190, 0.8 );
     box-shadow: 0 0 2px rgba( 30, 140, 190, 0.8 );
 }
@@ -92 +87 @@
     background: #fff;
     border: 1px solid #b4b9be;
-    -webkit-box-shadow: inset 0 1px 2px rgba( 0, 0, 0, 0.1 );
     box-shadow: inset 0 1px 2px rgba( 0, 0, 0, 0.1 );
     clear: none;
@@ -104 +98 @@
     padding: 0 !important;
     text-align: center;
-    -webkit-transition: .05s border-color ease-in-out;
     transition: .05s border-color ease-in-out;
     vertical-align: middle;
@@ -115 +108 @@
 
 input[type="radio"] {
-    -webkit-border-radius: 50%;
     border-radius: 50%;
     line-height: 10px;
@@ -126 +118 @@
     float: left;
     font: normal 21px/1 dashicons;
+    vertical-align: middle;
+    width: 16px;
     -moz-osx-font-smoothing: grayscale;
     -webkit-font-smoothing: antialiased;
     speak: none;
-    vertical-align: middle;
-    width: 16px;
 }
 
@@ -142 +134 @@
 input[type="radio"]:checked:before {
     background-color: #1e8cbe;
-    -webkit-border-radius: 50px;
     border-radius: 50px;
     content: "\2022";
@@ -163 +154 @@
 
 /* Search */
-input[type="search"] {
-    -webkit-appearance: textfield;
-}
-
 input[type="search"]::-webkit-search-decoration {
     display: none;
@@ -187 +174 @@
 input,
 select {
-    -webkit-border-radius: 0;
     border-radius: 0;
     font-size: 16px;
@@ -227 +213 @@
     background: rgba( 255, 255, 255, 0.5 );
     border-color: rgba( 222, 222, 222, 0.75 );
-    -webkit-box-shadow: inset 0 1px 2px rgba( 0, 0, 0, 0.04 );
     box-shadow: inset 0 1px 2px rgba( 0, 0, 0, 0.04 );
     color: rgba( 51, 51, 51, 0.5 );
@@ -237 +222 @@
 input[type="range"].disabled {
     background: none;
-    -webkit-box-shadow: none;
     box-shadow: none;
 }