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

Timestamp:

02/10/2020 08:33:58 PM (5 years ago)

Author:

coffee2code

Message:

Developer theme: Resize page title at smaller viewports so it doesn't wrap and overflow its container.

File:

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

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

@@ -1674 +1674 @@
         line-height: 1;
         border-bottom: 0;
+
+        @media screen and (max-width: 500px) {
+            font-size: 17px;
+            font-size: 4.5vw;
+            vertical-align: middle;
+            vertical-align: -moz-middle-with-baseline;
+            vertical-align: -webkit-baseline-middle;
+        }
     }
 
@@ -1891 +1899 @@
             color: #555;
         }
+    }
+
+    .site-title {
+        margin-left: 0;
     }