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

Timestamp:

06/19/2016 10:47:04 AM (9 years ago)

Author:

obenland

Message:

Plugin Directory: Show plugin banner in full width 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

@@ -17 +17 @@
         vertical-align: middle;
         width: 100%;
-    }
-
-    .plugin-banner + .plugin-header {
-        padding-top: 0;
+
+        @media screen and ( min-width: 60em ) {
+            margin-top: ms(4);
+        }
     }
 
@@ -26 +26 @@
         @extend .clear;
         border-bottom: 2px solid #eee;
-        padding-bottom: ms(1);
+        padding: ms(1) ms(4);
 
         .plugin-thumbnail {
@@ -63 +63 @@
     }
 
+    .plugin-banner + .plugin-header {
+        padding-top: 0;
+    }
+
+    .entry-content,
+    .entry-meta {
+        padding: 0 ms(4);
+    }
+
     .entry-content {
         max-width: 768px;
@@ -256 +265 @@
 
     @media screen and ( min-width: $ms-breakpoint ) {
+        .plugin-header,
+        .entry-content,
+        .entry-meta {
+            padding-left: 0;
+            padding-right: 0;
+        }
+
         .entry-meta {
             float: right;