Changeset 5679 for sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/scss/main.scss

Timestamp:

07/17/2017 06:10:36 PM (9 years ago)

Author:

coffee2code

Message:

developer.wordpress.org: Constrain responsive styles that should only apply when three-columns class is used.

File:

• sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/scss/main.scss (modified) (4 diffs)

sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/scss/main.scss

@@ -208 +208 @@
 
     @media ( min-width: 43em ) and ( max-width: 915px ) {
-        a.button {
+        .three-columns a.button {
             max-width: 100%;
             padding: .6em 1em;
@@ -214 +214 @@
             font-size: 1.4rem;
         }
-        .dashicons {
+        .three-columns .dashicons {
             width: 16px;
             height: 16px;
@@ -580 +580 @@
                 margin: 0 auto;
             }
+        }
+        .three-columns .widget-title {
             @media ( min-width: 43em ) and ( max-width: 915px ) {
                 font-size: 35px;
@@ -699 +701 @@
         float: left;
         clear: none;
+    }
+    .three-columns .box {
         @media ( min-width: 43em ) and ( max-width: 915px ) {
             padding: 30px 20px;