amis2/packages/amis-ui/scss/components/_nav.scss
2023-10-27 12:46:47 +08:00

45 lines
891 B
SCSS

.#{$ns}Nav {
position: relative;
cursor: pointer;
background-color: var(--Layout-light-backgroundColor);
font-size: var(--Nav-item-fontSize);
line-height: var(--Nav-Item-height);
min-height: 10px;
&-horizontal {
line-height: var(--Nav-Item-height--horizontal);
}
.#{$ns}Nav-dropIndicator {
position: absolute;
background: var(--Nav-item-onActive-color);
height: 2px;
}
&--searchable {
display: flex;
&:not(.#{$ns}Nav-horizontal) {
flex-flow: column nowrap;
justify-content: flex-start;
align-items: flex-start;
.#{$ns}Nav-SearchBox {
&.is-active {
width: 100%;
}
}
}
&.#{$ns}Nav-horizontal {
flex-flow: column nowrap;
justify-content: flex-start;
align-items: flex-start;
.#{$ns}Nav-SearchBox {
margin-left: px2rem(16px);
}
}
}
}