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 {