Changeset 3461

Timestamp:

06/19/2016 11:08:23 AM (8 years ago)

Author:

obenland

Message:

Plugin Directory: Reduce padding for pages on small screens,

See #1719.

Location:

sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins

Files:

• css/style-rtl.css (modified) (2 diffs)
• css/style.css (modified) (2 diffs)
• sass/site/primary/_page.scss (modified) (2 diffs)

sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/css/style-rtl.css

@@ -2468 +2468 @@
   margin: 0 auto;
   max-width: 35.527136788rem;
-  padding: 0 32px;
-  padding: 0 2rem;
+}
+
+@media screen and (min-width: 48em) {
+  .page .entry-header .entry-title {
+    padding: 0 32px;
+    padding: 0 2rem;
+  }
 }
 
@@ -2494 +2499 @@
   margin: 0 auto;
   max-width: 35.527136788rem;
-  padding: 0 32px;
-  padding: 0 2rem;
+}
+
+@media screen and (min-width: 48em) {
+  .page .entry-content section .container {
+    padding: 0 32px;
+    padding: 0 2rem;
+  }
 }
 

sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/css/style.css

@@ -2468 +2468 @@
   margin: 0 auto;
   max-width: 35.527136788rem;
-  padding: 0 32px;
-  padding: 0 2rem;
+}
+
+@media screen and (min-width: 48em) {
+  .page .entry-header .entry-title {
+    padding: 0 32px;
+    padding: 0 2rem;
+  }
 }
 
@@ -2494 +2499 @@
   margin: 0 auto;
   max-width: 35.527136788rem;
-  padding: 0 32px;
-  padding: 0 2rem;
+}
+
+@media screen and (min-width: 48em) {
+  .page .entry-content section .container {
+    padding: 0 32px;
+    padding: 0 2rem;
+  }
 }
 

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

@@ -11 +11 @@
             margin: 0 auto;
             max-width: ms(32);
-            padding: 0 32px;
-            padding: 0 2rem;
+
+            @media screen and ( min-width: $ms-breakpoint ) {
+                padding: 0 32px;
+                padding: 0 2rem;
+            }
         }
     }
@@ -37 +40 @@
                 margin: 0 auto;
                 max-width: ms(32);
-                padding: 0 32px;
-                padding: 0 2rem;
+
+                @media screen and ( min-width: $ms-breakpoint ) {
+                    padding: 0 32px;
+                    padding: 0 2rem;
+                }
             }