Changeset 7256 for sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-support/sass/style-original.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/style-original.scss (modified) (25 diffs)

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

@@ -57 +57 @@
 */
 
-.wrapper:after {
+.wrapper::after {
     visibility: hidden;
     display: block;
@@ -70 +70 @@
  */
 @media only screen and (min-width: 960px) {
+
     .col-6 #bbpress-forums {
         margin-left: 0;
@@ -264 +265 @@
 #bbpress-forums fieldset.bbp-form legend,
 #bbpress-forums fieldset.bbp-form legend {
-    font-weight: bold;
+    font-weight: 700;
     font-size: 15px;
     color: #333;
@@ -276 +277 @@
 
 .sidebar .bbp-forums .bbp-forum-info {
-    width: 80%
-}
+    width: 80%;
+}
+
 .sidebar .bbp-forums .bbp-forum-topic-count {
     width: 20%;
 }
+
 .sidebar .forum-info,
 .sidebar .topic-info {
@@ -310 +313 @@
 }
 
-.sidebar .forum-info li:before,
-.sidebar .topic-info li:before,
-.sidebar div ul li a:before {
-    font: normal 16px/1 'dashicons';
+.sidebar .forum-info li::before,
+.sidebar .topic-info li::before,
+.sidebar div ul li a::before {
+    font: 400 16px/1 dashicons;
     margin-right: 5px;
     float: left;
@@ -320 +323 @@
 }
 
-.sidebar a.feed:before {
-    content: '\f303';
-}
-
-.sidebar a.bbp-view-title:before {
-    content: '\f109';
-}
-
-.sidebar .forum-info li.topic-count:before {
-    content: '\f450';
-}
-
-.sidebar .topic-info li.topic-forum:before {
-    content: '\f449';
-}
-
-.sidebar .topic-info li.voice-count:before {
-    content: '\f307';
-}
-
-.sidebar .topic-info li.reply-count:before,
-.sidebar .forum-info li.reply-count:before {
-    content: '\f451';
-}
-
-.sidebar .topic-info li.topic-freshness-author:before,
-.sidebar .forum-info li.forum-freshness-author:before {
-    content: '\f338';
-}
-
-.sidebar .topic-info li.topic-freshness-time:before,
-.sidebar .forum-info li.forum-freshness-time:before {
-    content: '\f469';
-}
-
-.sidebar .forum-info li.forum-subscribe:before,
-.sidebar .topic-info li.topic-subscribe:before {
-    content: '\f147';
-}
-
-.sidebar .topic-info li.topic-favorite:before {
-    content: '\f155';
+.sidebar a.feed::before {
+    content: "\f303";
+}
+
+.sidebar a.bbp-view-title::before {
+    content: "\f109";
+}
+
+.sidebar .forum-info li.topic-count::before {
+    content: "\f450";
+}
+
+.sidebar .topic-info li.topic-forum::before {
+    content: "\f449";
+}
+
+.sidebar .topic-info li.voice-count::before {
+    content: "\f307";
+}
+
+.sidebar .topic-info li.reply-count::before,
+.sidebar .forum-info li.reply-count::before {
+    content: "\f451";
+}
+
+.sidebar .topic-info li.topic-freshness-author::before,
+.sidebar .forum-info li.forum-freshness-author::before {
+    content: "\f338";
+}
+
+.sidebar .topic-info li.topic-freshness-time::before,
+.sidebar .forum-info li.forum-freshness-time::before {
+    content: "\f469";
+}
+
+.sidebar .forum-info li.forum-subscribe::before,
+.sidebar .topic-info li.topic-subscribe::before {
+    content: "\f147";
+}
+
+.sidebar .topic-info li.topic-favorite::before {
+    content: "\f155";
 }
 
@@ -388 +391 @@
 }
 
-#bbpress-forums ul.sticky li.bbp-topic-title a.bbp-topic-permalink:before,
-#bbpress-forums ul.super-sticky li.bbp-topic-title a.bbp-topic-permalink:before {
-    font: normal 16px/1 'dashicons';
-    content: '\f450';
+#bbpress-forums ul.sticky li.bbp-topic-title a.bbp-topic-permalink::before,
+#bbpress-forums ul.super-sticky li.bbp-topic-title a.bbp-topic-permalink::before {
+    font: 400 16px/1 dashicons;
+    content: "\f450";
     margin-right: 5px;
     float: left;
@@ -398 +401 @@
 }
 
-#bbpress-forums ul.sticky.status-closed li.bbp-topic-title a.bbp-topic-permalink:before,
-#bbpress-forums ul.super-sticky.status-closed li.bbp-topic-title a.bbp-topic-permalink:before {
+#bbpress-forums ul.sticky.status-closed li.bbp-topic-title a.bbp-topic-permalink::before,
+#bbpress-forums ul.super-sticky.status-closed li.bbp-topic-title a.bbp-topic-permalink::before {
     color: #bbb;
 }
@@ -427 +430 @@
     border-radius: 3px;
     font-size: 10px;
-    font-weight: bold;
+    font-weight: 700;
 }
 
@@ -514 +517 @@
 #bbpress-forums fieldset.bbp-form input {
     border: 1px solid #ccc;
-    outline-color: rgb(131,189,102);
+    outline-color: rgb(131, 189, 102);
 }
 
@@ -564 +567 @@
 //  box-sizing: border-box;
 //  background: #f3f3f3;
-//  background-image: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#f4f4f4));
+//  background-image:
+//    -webkit-gradient(
+//      linear,
+//      left top,
+//      left bottom,
+//      from(#fefefe),
+//      to(#f4f4f4)
+//     );
 //  background-image: -webkit-linear-gradient(top, #fefefe, #f4f4f4);
 //  background-image: linear-gradient(to bottom, #fefefe, #f4f4f4);
@@ -573 +583 @@
 //  border-color: #999;
 //  background: #f3f3f3;
-//  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f3f3f3));
+//  background-image:
+//    -webkit-gradient(
+//      linear,
+//      left top,
+//      left bottom,
+//      from(#fff),
+//      to(#f3f3f3)
+//    );
 //  background-image: -webkit-linear-gradient(top, #fff, #f3f3f3);
 //  background-image: linear-gradient(to bottom, #fff, #f3f3f3);
@@ -588 +605 @@
 #bbpress-forums fieldset.bbp-form select:focus,
 #bbpress-forums fieldset.bbp-form input:focus {
-    box-shadow: 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, .8);
+    box-shadow: 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, 0.8);
 }
 
@@ -613 +630 @@
 
 /* Sticky topics */
-#bbpress-forums ul.sticky li.bbp-topic-title a.bbp-topic-permalink:before,
-#bbpress-forums ul.super-sticky li.bbp-topic-title a.bbp-topic-permalink:before {
+#bbpress-forums ul.sticky li.bbp-topic-title a.bbp-topic-permalink::before,
+#bbpress-forums ul.super-sticky li.bbp-topic-title a.bbp-topic-permalink::before {
     content: "\f109";
     color: #ffb900;
@@ -627 +644 @@
 
 /* Closed topics */
-#bbpress-forums ul.status-closed:not(.sticky) li.bbp-topic-title a.bbp-topic-permalink:before {
+#bbpress-forums ul.status-closed:not(.sticky) li.bbp-topic-title a.bbp-topic-permalink::before {
     content: "\f160";
     color: #bbb;
-    font: normal 16px/1 'dashicons';
+    font: 400 16px/1 dashicons;
     margin-right: 5px;
     float: left;
@@ -647 +664 @@
 }
 
-.resolved:before,
-.topic-resolved-indicator:before {
+.resolved::before,
+.topic-resolved-indicator::before {
     content: "\f147";
     color: #64b450; /*#46b450;*/
-    font: normal 18px/0.8 'dashicons';
+    font: 400 18px/0.8 dashicons;
     margin-right: 3px;
     position: relative;
@@ -657 +674 @@
 }
 
-.topic-resolved-indicator:before {
+.topic-resolved-indicator::before {
     color: #fff;
     font-size: 21px;
@@ -664 +681 @@
 
 /* Force widths for desktops */
-@media screen and ( min-width: 960px )  {
+@media screen and ( min-width: 960px ) {
+
     #header-inner,
     #headline-inner,
@@ -673 +691 @@
         width: 960px;
     }
+
     div.content {
         width: 692px;
     }
+
     div.leftcol {
         width: 340px;
     }
+
     div.rightcol {
         width: 340px;
     }
+
     div.sidebar {
         width: 212px;
     }
+
     div.group div.content {
         width: 660px;
     }
+
     div.group div.sidebar {
         width: 200px;
@@ -695 +719 @@
 /* Do not fix #header for non-desktops */
 @media screen and ( max-width: 782px ) {
+
     #header {
         top: 0;
@@ -700 +725 @@
         position: absolute;
     }
+
     #wpadminbar {
         position: absolute;
@@ -706 +732 @@
 
 @media screen and ( max-width: 480px ) {
+
     .topic-resolved-indicator {
         padding-top: 2px;
@@ -713 +740 @@
     }
 
-    .topic-resolved-indicator:before {
+    .topic-resolved-indicator::before {
         font-size: 19px;
     }
@@ -720 +747 @@
 /* Bump #header-inner height on mobile to support stacked elements */
 @media screen and ( max-width: 460px ) {
+
     #header-inner {
         height: 140px;
@@ -725 +753 @@
         padding: 0;
     }
+
     #main {
         margin: 100px 10px 40px 10px;