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 (4 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;
     }
-
 }