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

Timestamp:

05/31/2018 12:51:13 PM (7 years ago)

Author:

netweb

Message:

Support Theme: Update CSS to meet WordPress CSS Coding Standards

See ​https://make.wordpress.org/core/handbook/best-practices/coding-standards/css/

File:

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

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

@@ -98 +98 @@
     padding: 0 !important;
     text-align: center;
-    transition: .05s border-color ease-in-out;
+    transition: 0.05s border-color ease-in-out;
     vertical-align: middle;
     width: 25px;
@@ -113 +113 @@
 }
 
-input[type="checkbox"]:checked:before,
-input[type="radio"]:checked:before {
+input[type="checkbox"]:checked::before,
+input[type="radio"]:checked::before {
     display: inline-block;
     float: left;
-    font: normal 21px/1 dashicons;
+    font: 400 21px/1 dashicons;
     vertical-align: middle;
     width: 16px;
@@ -125 +125 @@
 }
 
-input[type="checkbox"]:checked:before {
+input[type="checkbox"]:checked::before {
     color: #1e8cbe;
     content: "\f147";
-    font: normal 30px/1 dashicons;
+    font: 400 30px/1 dashicons;
     margin: -3px -5px;
 }
 
-input[type="radio"]:checked:before {
+input[type="radio"]:checked::before {
     background-color: #1e8cbe;
     border-radius: 50px;
@@ -146 +146 @@
 
 @-moz-document url-prefix() {
+
     input[type="checkbox"],
     input[type="radio"],
@@ -229 +230 @@
 input[type="radio"]:disabled,
 input[type="radio"].disabled,
-input[type="checkbox"]:disabled:checked:before,
-input[type="checkbox"].disabled:checked:before,
-input[type="radio"]:disabled:checked:before,
-input[type="radio"].disabled:checked:before {
+input[type="checkbox"]:disabled:checked::before,
+input[type="checkbox"].disabled:checked::before,
+input[type="radio"]:disabled:checked::before,
+input[type="radio"].disabled:checked::before {
     opacity: 0.7;
 }
@@ -246 +247 @@
 
 @media screen and ( min-width: 48em ) {
+
     /* Input Elements */
     input[type="text"],
@@ -263 +265 @@
     }
 
-    input[type="checkbox"]:checked:before {
-        font: normal 21px/1 dashicons;
+    input[type="checkbox"]:checked::before {
+        font: 400 21px/1 dashicons;
         margin: -3px 0 0 -4px;
     }
@@ -274 +276 @@
     }
 
-    input[type="radio"]:checked:before {
+    input[type="radio"]:checked::before {
         width: 6px;
         height: 6px;