mirror of
https://gitee.com/JavaLionLi/plus-ui.git
synced 2026-05-16 20:28:03 +00:00
32 lines
676 B
SCSS
32 lines
676 B
SCSS
/* 移动端侧栏：抽屉式滑出、隐藏时 translate；.withoutAnimation 关闭过渡（与布局组件 class 约定一致）。 */
|
||
|
||
@use '../../variables.module.scss' as *;
|
||
|
||
#app {
|
||
.mobile {
|
||
.main-container {
|
||
margin-left: 0px;
|
||
}
|
||
|
||
.sidebar-container {
|
||
transition: transform 0.28s;
|
||
width: $base-sidebar-width !important;
|
||
}
|
||
|
||
&.hideSidebar {
|
||
.sidebar-container {
|
||
pointer-events: none;
|
||
transition-duration: 0.3s;
|
||
transform: translate3d(calc(-#{$base-sidebar-width} - 12px), 0, 0);
|
||
}
|
||
}
|
||
}
|
||
|
||
.withoutAnimation {
|
||
.main-container,
|
||
.sidebar-container {
|
||
transition: none;
|
||
}
|
||
}
|
||
}
|