/
githubmirror
/
element
Обзор
Документация
Войти
/
githubmirror
/
element
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
dev
packages/theme-chalk/src/scrollbar.scss
72 строки
1 KB
iamkun
fix: FF scroll bar width (#18091)
25 ноя 2019, 07:05
25 ноя 2019, 07:05
2919e57
Код
Авторство
О чём код?
@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%; } } } }