Changeset 5679

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.

Location:

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

Files:

• scss/main.scss (modified) (4 diffs)
• stylesheets/main.css (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;

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

@@ -548 +548 @@
 
 @media (min-width: 43em) and (max-width: 915px) {
-  .devhub-wrap a.button {
+  .devhub-wrap .three-columns a.button {
     max-width: 100%;
     padding: .6em 1em;
@@ -554 +554 @@
     font-size: 1.4rem;
   }
-  .devhub-wrap .dashicons {
+  .devhub-wrap .three-columns .dashicons {
     width: 16px;
     height: 16px;
@@ -932 +932 @@
 
 @media (min-width: 43em) and (max-width: 915px) {
-  .devhub-wrap .section.blue .widget-title {
+  .devhub-wrap .section.blue .three-columns .widget-title {
     font-size: 35px;
     font-size: 3.5rem;
@@ -1058 +1058 @@
 
 @media (min-width: 43em) and (max-width: 915px) {
-  .devhub-wrap .box {
+  .devhub-wrap .three-columns .box {
     padding: 30px 20px;
     padding: 3rem 2rem;