Changeset 5969 for sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg/css/components/_site-content.scss

Timestamp:

09/27/2017 09:27:52 PM (7 years ago)

Author:

obenland

Message:

Main: Improve mobile styles for blog

Includes a clever way to avoid having the posts navigation wrap on two lines.

See #2861.

File:

• sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg/css/components/_site-content.scss (modified) (1 diff)

sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg/css/components/_site-content.scss

@@ -1 +1 @@
 .site-content {
     margin: 0 auto;
-    max-width: 960px;
+    max-width: $size__site-main;
+    padding: 0 ms( 4 );
 
     @media screen and (min-width: $ms-breakpoint) {
         padding: 0 10px ms( 10 );
+    }
+
+    @media screen and (max-width: $ms-breakpoint) {
+        .site-main {
+            float: none;
+            margin: 0;
+            width: auto;
+        }
     }