Changeset 11120 for sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-patterns/css/components/_site-header.scss

Timestamp:

07/16/2021 02:28:00 PM (5 years ago)

Author:

ryelle

Message:

Pattern Directory: Sync with git WordPress/pattern-directory@885127f99dce115aaa08e61581ac8c8f0aa1e092

File:

• sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-patterns/css/components/_site-header.scss (modified) (6 diffs)

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

@@ -7 +7 @@
                 padding: 3.75rem 1rem;
 
-
                 @include breakpoint( $breakpoint-medium ) {
-                        display: grid;
-                        grid-template-rows: auto 1fr;
-                        grid-template-columns: 1fr 25rem;
-
                         background-image: url(../images/masthead-bg.png);
                         background-size: contain;
@@ -18 +13 @@
                         background-position-x: 160%;
 
-                        > * {
-                                align-self: center;
+                        > div {
+                                max-width: 50%;
                         }
                 }
@@ -28 +23 @@
 
                 @include breakpoint( $breakpoint-large ) {
-                        grid-template-columns: 1fr 30rem;
                         background-position-x: right;
+                }
+
+                .site-link {
+                        display: inline-block;
+                        margin: $gutter-default $gutter-default / 2 0 0;
+                        color: $color-white;
+                        font-size: 0.8125rem;
+                        text-decoration: underline;
                 }
         }
@@ -35 +37 @@
         // Duplicate class for specifity override.
         .site-title.site-title {
-                grid-column-start: 1;
-                grid-row-start: 1;
                 margin-top: 0;
                 text-align: left;
@@ -44 +44 @@
 
         .site-description {
-                grid-column-start: 1;
-                grid-row-start: 2;
                 margin: 0 0 1.5rem;
                 font-size: 1rem;
@@ -54 +52 @@
 
         .pattern-search {
-                grid-column-start: 1;
-                grid-row-start: 3;
 
                 @include breakpoint( $breakpoint-large ) {