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

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

@@ -71 +71 @@
         margin: 0 auto;
         max-width: $size__site-main;
-        padding: 0 2rem;
+        padding: 0 ms(4);
 
-        @media ( min-width: 67rem ) {
-            padding: 0;
+        @media screen and ( min-width: $ms-breakpoint ) {
+            padding: 0 10px;
         }
     }
@@ -134 +134 @@
         }
 
-        @media ( min-width: 67rem ) {
+        @media screen and ( min-width: $ms-breakpoint ) {
             .search-field {
                 border-radius: 2px 0 0 2px;