@yandex/ui
Version:
Yandex UI components
52 lines (40 loc) • 913 B
CSS
/* Усиливаем селектор, т.к. Drawer является миксом для Popup
из-за этого стили могут приезжать не в правильном порядке */
.Drawer[class] {
position: fixed;
top: 0;
left: 0;
display: none;
overflow: hidden;
width: 100%;
height: 100%;
}
.Drawer.Drawer_visible {
display: block;
}
.Drawer-DragObserver {
display: flex;
height: inherit;
}
.Drawer-Curtain {
position: relative;
display: flex;
flex-direction: column;
max-height: 100%;
will-change: transform;
}
.Drawer-Content {
position: relative;
overflow: auto;
-webkit-overflow-scrolling: touch;
}
.Drawer-Overlay {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
touch-action: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
will-change: opacity;
}