.sidebar {
> ul { width: 100%; } padding-top: 10px; padding-bottom: 40px; @media (max-width: $screen-md) { padding-left: 10px; width: 240px; z-index: 20; transition: .2s all; background-color: #fff; margin: 0; position: fixed; left: 0; top: 0; bottom: 0; transform: translateX(-100%); @include y-scroll(); } &.opened { transform: translateX(0); }
}
.backdrop {
&.opened { position: fixed; top: 0; left: 0; bottom: 0; right: 0; background-color: rgba(82, 95, 127, .25); }
}