Changeset 4693 for sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-support/sass/site/_bbpress.scss

Timestamp:

01/16/2017 06:21:06 PM (8 years ago)

Author:

mapk

Message:

Support Forums: Fixing responsiveness of homepage forum layout.

As screen size got smaller, some of the content in the fixed height boxes was getting cut off. I fixed this by adjusting the styling of the content within the box. Also updated a bit of the responsiveness to the Themes and Plugins box as well.

Props: @xavortm
Fixes: #2390

File:

• sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-support/sass/site/_bbpress.scss (modified) (4 diffs)

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

@@ -41 +41 @@
                 font-size: 1.4rem;
                 margin-bottom: 0;
+                margin-top: 0;
             }
 
@@ -61 +62 @@
                 height: 200px;
                 border-bottom: none;
-                margin: 0 5% 0 0;
+                margin: 2rem 5% 0 0;
 
                 &:nth-child(3n) {
@@ -406 +407 @@
 
     .themes-plugins {
-        width: 65%;
-        margin: 3rem 0 4rem;
+        margin: 0 0 4rem;
+        border-bottom: 1px solid #eee;
 
         p {
-            font-size: ms(-2);
+            font-size: ms(0);
             color: #666666;
 
@@ -421 +422 @@
             font-size: 1.4rem;
             margin-bottom: 0;
+            margin-top: 0;
+        }
+
+        @media (min-width: $ms-breakpoint) {
+            width: 65%;
+            margin: 3rem 0 4rem;
+            border-bottom: none;
+
+            p {
+                font-size: ms(-2);
+            }
         }
     }