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

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

@@ -112 +112 @@
 }
 
-@media screen and (min-width: 37.5em) {
+@media screen and ( min-width: $ms-breakpoint ) {
     .menu-toggle {
         display: none;
@@ -129 +129 @@
                 border: 0;
                 display: inline-block;
-                margin-right: 31.5px;
-                margin-right: 1.5rem;
+                margin-right: 16px;
+                margin-right: 1rem;
                 padding: 0;