Changeset 4660 for sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/scss/main.scss

Timestamp:

01/13/2017 07:13:32 PM (9 years ago)

Author:

coffee2code

Message:

developer.wordpress.org: Responsive improvements for the homepage.

File:

• sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/scss/main.scss (modified) (6 diffs)

sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/scss/main.scss

@@ -202 +202 @@
             }
         }
-    }
+        .dashicons {
+            vertical-align: text-bottom;
+        }
+    }
+
+    @media ( min-width: 43em ) and ( max-width: 915px ) {
+        a.button {
+            max-width: 100%;
+            padding: .6em 1em;
+            font-size: 14px;
+            font-size: 1.4rem;
+        }
+        .dashicons {
+            width: 16px;
+            height: 16px;
+            font-size: 16px;
+        }
+    }
+
     input[type="checkbox"],
     input[type="radio"] {
@@ -562 +580 @@
                 margin: 0 auto;
             }
+            @media ( min-width: 43em ) and ( max-width: 915px ) {
+                font-size: 35px;
+                font-size: 3.5rem;
+            }
         }
 
@@ -616 +638 @@
         .widget-title {
             font-weight: 300;
-            font-size: 40px;
+            font-size: 50px;
             font-size: 5rem;
             line-height: 68px;
@@ -630 +652 @@
                 width: 6.8rem;
             }
+            @media ( min-width: 43em ) and ( max-width: 915px ) {
+                font-size: 35px;
+                font-size: 3.5rem;
+            }
         }
         .widget-description {
@@ -666 +692 @@
         float: left;
         clear: none;
+        @media ( min-width: 43em ) and ( max-width: 915px ) {
+            padding: 30px 20px;
+            padding: 3rem 2rem;
+        }
     }
 
@@ -926 +956 @@
         width: 31%;
         margin: 1.15%;
+        @media ( min-width: 43em ) and ( max-width: 915px ) {
+            margin: 1% 0;
+        }
     }