Changeset 3398 for sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/sass/site/primary/_plugin-single.scss

Timestamp:

06/17/2016 08:59:29 AM (10 years ago)

Author:

obenland

Message:

Plugin Directory: Visual hierarchy for headings in plugin detail.

See #1719.

File:

• sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/sass/site/primary/_plugin-single.scss (modified) (4 diffs)

sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/sass/site/primary/_plugin-single.scss

@@ -8 +8 @@
 
         .plugin-banner {
+                background-position: 50% 50%;
                 background-size: 100%;
-                background-position: 50% 50%;
                 display: inline-block;
                 font-size: 0;
@@ -29 +29 @@
 
                 .plugin-thumbnail {
+                        display: none;
                         float: left;
-                        display: none;
                         height: 96px;
                         margin-right: 1rem;
@@ -53 +53 @@
                 .plugin-title {
                         clear: none;
-                        @extend h3;
+                        @include font-size( ms-unitless( ms(4) ) );
+                        font-weight: 400;
                         margin: 0;
                 }
@@ -77 +78 @@
                         overflow:hidden;
                         padding-bottom: 1px;
+
+                        h1, h2, h3 {
+                                @include font-size( ms-unitless( ms(0) ) );
+                                font-weight: 600;
+                                letter-spacing: 0.01rem;
+                                text-transform: uppercase;
+                        }
+
+                        h4, h5, h6 {
+                                @include font-size( ms-unitless( ms(-2) ) );
+                                font-weight: 600;
+                                letter-spacing: 0.05rem;
+                                text-transform: uppercase;
+                        }
 
                         p:first-child {