Changeset 7256 for sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-support/sass/modules/_wporg-header.scss

Timestamp:

05/31/2018 12:51:13 PM (8 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/modules/_wporg-header.scss (modified) (12 diffs)

sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-support/sass/modules/_wporg-header.scss

@@ -67 +67 @@
 
     ul li {
-        list-style-type:none;
-        position:relative;
+        list-style-type: none;
+        position: relative;
 
         a {
@@ -83 +83 @@
 
             &.subcurrent {
-                font-weight: bold;
+                font-weight: 700;
             }
 
@@ -154 +154 @@
 
     #head-search {
+
         @include breakpoint( $sm ) {
             float: right;
@@ -186 +187 @@
                 }
 
-                @media screen and (max-width:480px) {
+                @media screen and (max-width: 480px) {
                     width: 216px;
                 }
@@ -229 +230 @@
 
         #wporg-header-menu {
-            float:left;
+            float: left;
             list-style: none;
             margin: -15px 0 0;
@@ -241 +242 @@
         ul li {
             float: left;
-            position:relative;
+            position: relative;
 
             a {
@@ -264 +265 @@
             }
 
-            &.current-menu-item:after,
-            &.current_page_parent:after {
+            &.current-menu-item::after,
+            &.current_page_parent::after {
                 border-bottom: 9px solid #f7f7f7;
                 border-left: 9px solid transparent;
                 border-right: 9px solid transparent;
-                content: '';
+                content: "";
                 height: 0;
                 left: 50%;
@@ -310 +311 @@
         ul li .nav-submenu:hover {
             display: block !important;/* Prevents #wporg-header ul overwriting this */
-            left:0;
-            margin-left:0;
+            left: 0;
+            margin-left: 0;
             position: absolute;
             top: 46px;
@@ -322 +323 @@
         }
 
-        ul li.current-menu-item:after,
-        ul li.current_page_parent:after,
+        ul li.current-menu-item::after,
+        ul li.current_page_parent::after,
         ul li a.current ~ .uparrow {
             border-bottom-color: $color__wp-blue;
@@ -336 +337 @@
     display: block;
     float: left;
-    font-family: 'dashicons';
+    font-family: dashicons;
     font-size: 16px;
     font-style: normal;
-    font-weight: normal;
+    font-weight: 400;
     left: 10px;
     line-height: 1;
@@ -348 +349 @@
     text-shadow: none;
     top: 75px;
-    transition: color .1s ease-in;
+    transition: color 0.1s ease-in;
     vertical-align: top;
     -webkit-font-smoothing: antialiased;
 
-    &:before {
+    &::before {
         border: none;
         box-sizing: border-box;
         color: #888;
-        content: '\f228';
+        content: "\f228";
         display: inline-block;
         float: left;
-        font: normal 50px/1 'Dashicons';
+        font: 400 50px/1 Dashicons;
         margin: 0;
         outline: none;
@@ -375 +376 @@
 #download-mobile {
     background: #f7f7f7;
-    border-bottom: 1px solid #dddddd;
+    border-bottom: 1px solid #ddd;
 
     .wrapper {