/*!
 * 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