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

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

@@ -23 +23 @@
         @extend .clear;
         border-bottom: 2px solid #eee;
-        padding: ms(4) ms(4) ms(1);
-
-        @media ( min-width: 67rem ) {
-            padding: 0 0 ms(1) 0;
-        }
+        padding-bottom: ms(1);
 
         .plugin-thumbnail {
@@ -36 +32 @@
             width: 96px;
 
-            @media ( min-width: 26rem ) {
+            @media screen and ( min-width: 26em ) {
                 display: block;
             }
@@ -64 +60 @@
 
     .entry-content {
-        max-width: 800px;
-        max-width: 50rem;
-        padding: 0 ms(4);
+        max-width: 768px;
+        max-width: 48rem;
 
-        @media ( min-width: 67rem ) {
+        @media screen and ( min-width: $ms-breakpoint ) {
             float: left;
             padding: 0;
@@ -132 +127 @@
         padding: 0 ms(4);
 
-        @media ( min-width: 67rem ) {
+        @media screen and ( min-width: $ms-breakpoint ) {
             float: right;
             padding: 0;