@anjuna/docs
Version:
Anjuna Documentation Web Components
29 lines • 639 B
CSS
ad-nav {
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
background-color: #f8f8f8;
border-right: 1px solid var(--anj-border-dark);
bottom: 0;
overflow-y: auto;
position: fixed;
top: 3rem;
width: 13rem;
z-index: 1020;
}
ad-nav[disabled] {
display: none;
}
@media (max-width: 767.98px) {
ad-nav {
box-shadow: none;
transform: translateX(-100%);
transition: all 0.5s ease;
z-index: 1020;
}
ad-nav[active] {
box-shadow: 0 3px 7px var(--anj-shadow);
transform: translateX(0);
}
}
ad-nav nav {
padding: 1rem 1.25rem 1rem 0;
}