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

Timestamp:

06/14/2016 08:36:02 AM (8 years ago)

Author:

obenland

Message:

Plugin Directory: Second pass at upload form styles.

This time, let's be less intrusive on other styles.

See #1573, [3345].

File:

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

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

@@ -30 +30 @@
 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 );
-    background-color: #fff;
     color: $color__text-input;
     -webkit-transition: 0.05s border-color ease-in-out;
@@ -90 +90 @@
 input[type="checkbox"],
 input[type="radio"] {
+    background: #fff;
     border: 1px solid #b4b9be;
-    background: #fff;
+    -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;
     color: #555;
-    clear: none;
     cursor: pointer;
     display: inline-block;
+    height: 25px;
     line-height: 0;
     margin: -4px 4px 0 0;
+    min-width: 16px;
     padding: 0 !important;
     text-align: center;
-    vertical-align: middle;
-    min-width: 16px;
-    -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 );
     -webkit-transition: .05s border-color ease-in-out;
     transition: .05s border-color ease-in-out;
-    height: 25px;
+    vertical-align: middle;
     width: 25px;
 }
@@ -117 +117 @@
     -webkit-border-radius: 50%;
     border-radius: 50%;
+    line-height: 10px;
     margin-right: 4px;
-    line-height: 10px;
 }
 
 input[type="checkbox"]:checked:before,
 input[type="radio"]:checked:before {
+    display: inline-block;
     float: left;
-    display: inline-block;
+    font: normal 21px/1 dashicons;
+    -moz-osx-font-smoothing: grayscale;
+    -webkit-font-smoothing: antialiased;
+    speak: none;
     vertical-align: middle;
     width: 16px;
-    font: normal 21px/1 dashicons;
-    speak: none;
-    -webkit-font-smoothing: antialiased;
-    -moz-osx-font-smoothing: grayscale;
 }
 
 input[type="checkbox"]:checked:before {
+    color: #1e8cbe;
     content: "\f147";
-    color: #1e8cbe;
     font: normal 30px/1 dashicons;
     margin: -3px -5px;
@@ -141 +141 @@
 
 input[type="radio"]:checked:before {
-    content: "\2022";
-    text-indent: -9999px;
+    background-color: #1e8cbe;
     -webkit-border-radius: 50px;
     border-radius: 50px;
+    content: "\2022";
     font-size: 24px;
+    height: 9px;
+    line-height: 16px;
+    margin: 7px;
+    text-indent: -9999px;
+    vertical-align: middle;
     width: 9px;
-    height: 9px;
-    margin: 7px;
-    line-height: 16px;
-    background-color: #1e8cbe;
-    vertical-align: middle;
 }
 
@@ -187 +187 @@
 input,
 select {
+    -webkit-border-radius: 0;
+    border-radius: 0;
     font-size: 16px;
-    padding: 3px 5px;
-    -webkit-border-radius: 0;
-    border-radius: 0; /* Reset mobile webkit's default element styling */
+    padding: 3px 5px; /* Reset mobile webkit's default element styling */
 }
 
 textarea {
+    line-height: 1.4;
     overflow: auto;
     padding: 2px 6px;
-    line-height: 1.4;
     resize: vertical;
 }