💄 Finished the common style settings.
This commit is contained in:
24
assets/css/_common/outline/sidebar/sidebar-dimmer.scss
Normal file
24
assets/css/_common/outline/sidebar/sidebar-dimmer.scss
Normal file
@@ -0,0 +1,24 @@
|
||||
.sidebar-dimmer {
|
||||
display: none;
|
||||
}
|
||||
|
||||
@include tablet-mobile() {
|
||||
.sidebar-dimmer {
|
||||
background: black;
|
||||
display: block;
|
||||
height: 100%;
|
||||
left: 0;
|
||||
opacity: 0;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
transition: visibility .4s, opacity .4s;
|
||||
visibility: hidden;
|
||||
width: 100%;
|
||||
z-index: $zindex-1;
|
||||
|
||||
.sidebar-active & {
|
||||
opacity: .7;
|
||||
visibility: visible;
|
||||
}
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user