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 (10 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;
 }