Changeset 11008 for sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-patterns/css/components/_pattern.scss

Timestamp:

06/04/2021 07:18:50 PM (5 years ago)

Author:

ryelle

Message:

Pattern Directory: Sync with git WordPress/pattern-directory@53b4aed1b62b05f8c61798ddc55ea0e02e1c765d

File:

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

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

@@ -11 +11 @@
         }
 
-        .entry-header {
+        .entry-header,
+        .pattern-actions__container,
+        .pattern__meta {
                 max-width: $size__site-main;
                 padding: 1.5rem;
@@ -18 +20 @@
 
                 @media only screen and (min-width: $breakpoint-large) {
-                        padding: 1.5rem 0;
+                        padding-left: 0;
+                        padding-right: 0;
                 }
+        }
+
+        .entry-header {
+                padding-top: 2.625rem;
+                padding-bottom: 1.875rem;
 
                 .entry-title {
                         margin-top: 0;
                         line-height: 1.2;
+                        font-weight: 600;
                 }
         }
 
+        .pattern__categories a {
+                display: inline-block;
+                margin-right: 1rem;
+
+                &:last-of-type {
+                        margin-right: 0;
+                }
+        }
+
+        .pattern__categories-label {
+                margin-right: 1rem;
+                font-weight: 600;
+                font-size: 0.75rem;
+                line-height: 1.3333;
+                text-transform: uppercase;
+        }
+
         .pattern-actions {
+                padding: 0 1.5rem 2rem;
+                background: $color-white;
+
+                button {
+                        margin: 0;
+                }
+
+                @media only screen and (min-width: $breakpoint-large) {
+                        padding-left: 0;
+                        padding-right: 0;
+                }
+        }
+
+        .pattern-actions__container {
+                padding: 0;
                 display: flex;
                 justify-content: flex-start;
@@ -33 +74 @@
                 flex-wrap: wrap;
                 gap: 0.5em 2em;
-
-                button {
-                        margin: 0;
-                }
 
                 @media (max-width: $breakpoint-mobile) {
@@ -106 +143 @@
 
         .pattern__meta {
-                padding: 2rem 0;
-                background: $color-gray-light-200;
-
-                > div {
-                        max-width: $size__site-main;
-                        margin-left: auto;
-                        margin-right: auto;
-                        display: flex;
-                        justify-content: space-between;
-                }
-
-                .pattern-preview__report {
-                        text-align: right;
-                }
+                display: flex;
+                justify-content: flex-end;
         }
-
 }