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 (9 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;
+                }
         }