|
@@ -18,6 +18,7 @@
|
|
.menu-button-container {
|
|
.menu-button-container {
|
|
display: block;
|
|
display: block;
|
|
margin: 0;
|
|
margin: 0;
|
|
|
|
+ width: auto;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
@@ -49,6 +50,10 @@
|
|
top: calc(var(--wpadmin-bar--height) + var(--wpcom-marketing-bar--height));
|
|
top: calc(var(--wpadmin-bar--height) + var(--wpcom-marketing-bar--height));
|
|
}
|
|
}
|
|
|
|
|
|
|
|
+#site-navigation + .menu-button-container {
|
|
|
|
+ right: 0;
|
|
|
|
+}
|
|
|
|
+
|
|
.menu-button-container .button,
|
|
.menu-button-container .button,
|
|
.primary-navigation .button,
|
|
.primary-navigation .button,
|
|
.woo-navigation .button {
|
|
.woo-navigation .button {
|
|
@@ -139,12 +144,6 @@
|
|
overflow: hidden;
|
|
overflow: hidden;
|
|
}
|
|
}
|
|
|
|
|
|
-.primary-navigation-open .menu-button-container #primary-open-menu, .primary-navigation-open
|
|
|
|
-.primary-navigation #primary-open-menu, .primary-navigation-open
|
|
|
|
-.woo-navigation #primary-open-menu {
|
|
|
|
- display: none;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
.primary-navigation-open .menu-button-container #primary-close-menu, .primary-navigation-open
|
|
.primary-navigation-open .menu-button-container #primary-close-menu, .primary-navigation-open
|
|
.primary-navigation #primary-close-menu, .primary-navigation-open
|
|
.primary-navigation #primary-close-menu, .primary-navigation-open
|
|
.woo-navigation #primary-close-menu {
|
|
.woo-navigation #primary-close-menu {
|
|
@@ -154,12 +153,6 @@
|
|
margin-right: calc(0.25 * var(--global--spacing-unit));
|
|
margin-right: calc(0.25 * var(--global--spacing-unit));
|
|
}
|
|
}
|
|
|
|
|
|
-.woo-navigation-open .menu-button-container #woo-open-menu, .woo-navigation-open
|
|
|
|
-.primary-navigation #woo-open-menu, .woo-navigation-open
|
|
|
|
-.woo-navigation #woo-open-menu {
|
|
|
|
- display: none;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
.woo-navigation-open .menu-button-container #woo-close-menu, .woo-navigation-open
|
|
.woo-navigation-open .menu-button-container #woo-close-menu, .woo-navigation-open
|
|
.primary-navigation #woo-close-menu, .woo-navigation-open
|
|
.primary-navigation #woo-close-menu, .woo-navigation-open
|
|
.woo-navigation #woo-close-menu {
|
|
.woo-navigation #woo-close-menu {
|
|
@@ -169,6 +162,18 @@
|
|
margin-right: calc(0.25 * var(--global--spacing-unit));
|
|
margin-right: calc(0.25 * var(--global--spacing-unit));
|
|
}
|
|
}
|
|
|
|
|
|
|
|
+.woo-navigation-open .menu-button-container #primary-open-menu,
|
|
|
|
+.woo-navigation-open .menu-button-container #woo-open-menu,
|
|
|
|
+.primary-navigation-open .menu-button-container #primary-open-menu,
|
|
|
|
+.primary-navigation-open .menu-button-container #woo-open-menu {
|
|
|
|
+ display: none;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+.woo-navigation-open .primary-navigation #primary-open-menu,
|
|
|
|
+.primary-navigation-open .primary-navigation #primary-open-menu {
|
|
|
|
+ display: none;
|
|
|
|
+}
|
|
|
|
+
|
|
.primary-navigation,
|
|
.primary-navigation,
|
|
.woo-navigation {
|
|
.woo-navigation {
|
|
position: absolute;
|
|
position: absolute;
|