Changeset 3261 for sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/sass/site/primary/_main.scss

Timestamp:

05/26/2016 08:44:49 PM (9 years ago)

Author:

obenland

Message:

Plugin Directory: Responsive styles hardening.

• Switches to using em in media queries for browser compatibility.
• Adds padding .site-main to line up with global header.
• Simplifies some margin/padding setups on small screens.

See #1719.

File:

• sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/sass/site/primary/_main.scss (modified) (1 diff)

sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/sass/site/primary/_main.scss

@@ -6 +6 @@
     padding: ms(10) ms(4);
 
-    @media ( min-width: 67rem ) {
-        padding: ms(10) 0;
-
-        .page & {
-            padding: 0 0 ms(10) 0;
-        }
+    @media screen and ( min-width: 48em ) {
+        padding: ms(10) 10px;
     }
 
     .single & {
-        padding: 0 0 ms(4);
+        padding-top: ms(4);
+    }
 
-        @media ( min-width: 67rem ) {
-            padding: ms(4) 0;
-        }
+    .page & {
+        padding-top: 0;
     }