@v4fire/client
Version:
V4Fire client core library
55 lines (41 loc) • 965 B
text/stylus
/*!
* V4Fire Client Core
* https /github.com/V4Fire/Client
*
* Released under the MIT license
* https /github.com/V4Fire/Client/blob/master/LICENSE
*/
$p = {
showScrollBreakpoint: 1024px
scrollBarHeight: 20px
}
b-slider_mode_scroll extends b-slider
/mode &__view
position relative
/mode &__fake-view-content
position relative
display flex
width 100%
visibility hidden
opacity 0
pointer-events none
/mode &__outer-view-wrapper
-webkit-overflow-scrolling touch
absolute left 0 top 0
size 100% ("calc(100% + %s)" % $p.scrollBarHeight)
overflow-x scroll
overflow-y hidden
padding-bottom $p.scrollBarHeight
@media (min-width $p.showScrollBreakpoint)
padding-bottom 0
/mode &__view-content
white-space nowrap
/mode &__view-content
/mode &__view
width 100%
/mode &__view-content > *
/mode &__option
/mode &__item
display inline-block
/mode&_dynamic-height_false &__outer-view-wrapper
position relative