Changeset 14099

Timestamp:

10/09/2024 02:42:48 AM (4 months ago)

Author:

adamwood

Message:

Make 2024: Fix handbook layout

Refactor styles to allow for layouts without a secondary area and or breadcrumbs.

See ​https://github.com/WordPress/wporg-make/issues/3

File:

• sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-breathe-2024/style.css (modified) (1 diff)

sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-breathe-2024/style.css

@@ -2066 +2066 @@
 .post-type-archive-handbook #main,
 .single-handbook #main {
+    padding-bottom: var(--wp--preset--spacing--edge-space);
+}
+
+.post-type-archive-handbook #main:has(#secondary),
+.single-handbook #main:has(#secondary) {
     display: grid;
     grid-template-columns: 25% auto;
-    grid-template-rows: 40px auto;
+    grid-template-rows: auto;
     column-gap: 60px;
     padding-top: var(--wp--preset--spacing--40);
 }
 
+.post-type-archive-handbook #main:has(#secondary):has(.handbook-breadcrumbs),
+.single-handbook #main:has(#secondary):has(.handbook-breadcrumbs) {
+    grid-template-rows: 40px auto;
+}
+
 @media (max-width: 876px) {
-    post-type-archive-handbook #main,
-    .single-handbook #main {
+    post-type-archive-handbook #main:has(#secondary),
+    .single-handbook #main:has(#secondary) {
         grid-template-columns: auto;
         column-gap: unset;