Context Navigation

_pattern-navigation-layout.scss

Timestamp:

06/09/2023 05:05:51 PM (3 years ago)

Author:

ryelle

Message:

Pattern Directory: Sync with git WordPress/pattern-directory@4a61209

File:

-              r11152
+              r12642
         margin: 0 auto $gutter-default;
         max-width: $size__site-main;
+        gap: $gutter-default;
         display: flex;
         flex-direction: column;
 …
         .pattern-navigation-layout__secondary {
+                margin-top: $gutter-default;
+                width: calc(100% - #{$gutter-default * 2});
+                display: flex;
+                flex-direction: column;
+                gap: #{$gutter-default / 2};
+        }
         @media only screen and ( min-width: #{$breakpoint-medium + 1} ) {
                 margin: $gutter-default;
+                gap: #{$gutter-default / 2};
                 flex-direction: row;
+                flex-wrap: wrap;
                 .pattern-navigation-layout__primary {
                         margin-bottom: 0;
+                        width: auto;
+                }
                 .pattern-navigation-layout__secondary {
-                        margin: 0;
                         width: auto;
+                        flex-direction: row;
+                }
+        }

Note: See TracChangeset for help on using the changeset viewer.