Changeset 3261 for sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/sass/site/secondary/_widgets.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/secondary/_widgets.scss (modified) (2 diffs)

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

@@ -11 +11 @@
     padding: 0 ms(4) ms(10) ms(4);
 
-    @media ( min-width: 67rem ) {
+    @media screen and ( min-width: $ms-breakpoint ) {
         padding: 0 0 ms(10) 0;
     }
@@ -21 +21 @@
         vertical-align: top;
 
-        @media ( min-width: 67rem ) {
+        @media screen and ( min-width: $ms-breakpoint ) {
             margin-right: 5%;
             width: 30%;