2020-10-13 01:40:53 +00:00
|
|
|
.woocommerce-navigation {
|
2021-02-08 20:41:08 +00:00
|
|
|
display: grid;
|
|
|
|
grid-template-rows: min-content 1fr;
|
|
|
|
height: 100%;
|
|
|
|
|
2020-10-13 01:40:53 +00:00
|
|
|
h2 {
|
|
|
|
color: inherit; // This should be handled at component level.
|
|
|
|
}
|
|
|
|
|
|
|
|
.components-navigation__menu {
|
2021-02-08 20:41:08 +00:00
|
|
|
overflow-y: auto;
|
|
|
|
margin-bottom: 0;
|
|
|
|
padding-bottom: $gap-large;
|
2020-10-13 01:40:53 +00:00
|
|
|
}
|
|
|
|
|
2020-10-14 18:48:21 +00:00
|
|
|
.components-navigation__group + .components-navigation__group {
|
|
|
|
margin-top: 24px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.components-navigation__item {
|
|
|
|
margin-bottom: 0;
|
2020-10-13 01:40:53 +00:00
|
|
|
}
|
|
|
|
|
2021-02-08 20:41:08 +00:00
|
|
|
.components-navigation {
|
|
|
|
height: 100%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.components-navigation > div {
|
|
|
|
height: 100%;
|
|
|
|
display: grid;
|
|
|
|
grid-template-rows: 1fr min-content;
|
|
|
|
}
|
|
|
|
|
|
|
|
&.is-root {
|
|
|
|
padding-bottom: 100px;
|
|
|
|
|
|
|
|
.components-navigation__menu-secondary {
|
|
|
|
border-top: 1px solid $gray-700;
|
|
|
|
margin: 0 -#{$gap-smaller};
|
|
|
|
padding: $gap $gap-smaller;
|
|
|
|
}
|
2020-10-13 01:40:53 +00:00
|
|
|
}
|
|
|
|
}
|