You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
72 lines
1.2 KiB
72 lines
1.2 KiB
@import "mixins/mixins"; |
|
@import "common/var"; |
|
|
|
@include b(scrollbar) { |
|
overflow: hidden; |
|
position: relative; |
|
|
|
&:hover, |
|
&:active, |
|
&:focus { |
|
> .el-scrollbar__bar { |
|
opacity: 1; |
|
transition: opacity 340ms ease-out; |
|
} |
|
} |
|
|
|
@include e(wrap) { |
|
overflow: scroll; |
|
height: 100%; |
|
|
|
@include m(hidden-default) { |
|
scrollbar-width: none; |
|
&::-webkit-scrollbar { |
|
width: 0; |
|
height: 0; |
|
} |
|
} |
|
} |
|
|
|
@include e(thumb) { |
|
position: relative; |
|
display: block; |
|
width: 0; |
|
height: 0; |
|
cursor: pointer; |
|
border-radius: inherit; |
|
background-color: $--scrollbar-background-color; |
|
transition: .3s background-color; |
|
|
|
&:hover { |
|
background-color: $--scrollbar-hover-background-color; |
|
} |
|
} |
|
|
|
@include e(bar) { |
|
position: absolute; |
|
right: 2px; |
|
bottom: 2px; |
|
z-index: 1; |
|
border-radius: 4px; |
|
opacity: 0; |
|
transition: opacity 120ms ease-out; |
|
|
|
@include when(vertical) { |
|
width: 6px; |
|
top: 2px; |
|
|
|
> div { |
|
width: 100%; |
|
} |
|
} |
|
|
|
@include when(horizontal) { |
|
height: 6px; |
|
left: 2px; |
|
|
|
> div { |
|
height: 100%; |
|
} |
|
} |
|
} |
|
}
|
|
|