woocommerce/plugins/woocommerce-admin/client/navigation/components/container/style.scss

44 lines
764 B
SCSS
Raw Normal View History

.woocommerce-navigation {
display: grid;
grid-template-rows: min-content 1fr;
height: 100%;
h2 {
color: inherit; // This should be handled at component level.
}
.components-navigation__menu {
overflow-y: auto;
margin-bottom: 0;
padding-bottom: $gap-large;
}
.components-navigation__group + .components-navigation__group {
margin-top: 24px;
}
.components-navigation__item {
margin-bottom: 0;
}
.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;
}
}
}