Changeset 5998 for sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-main/css/objects/_site-header.scss

Timestamp:

10/04/2017 06:38:13 PM (7 years ago)

Author:

obenland

Message:

Main: Introduce cube grid to manage small sceens

Adds a comfortable way to manage page structure and widget arrangement on small
screens.

See #2861.

File:

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

sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-main/css/objects/_site-header.scss

@@ -2 +2 @@
     .home & {
         background: #0073aa;
-        padding: 18px 36px;
 
-        @media (min-width: 737px) {
-            padding: 1.5625rem
+        @include breakpoint( $ms-breakpoint ) {
+            padding: ms( 10 ) ms( 4 );
         }
 
@@ -11 +10 @@
             color: #fff;
             display: block;
-            font-size: ms( 12 );
+            font-size: ms( 10 );
             font-weight: 300;
             line-height: 1;
             margin: 2rem 0 1rem;
             text-align: center;
+
+            @include breakpoint( $ms-breakpoint ) {
+                font-size: ms( 12 );
+            }
         }