@import '../../../scss/index.scss';

// Типы слайдера
@import './type-default.scss';
@import './type-thin-gray.scss';
@import './type-thin-blue.scss';

// Слайдер
@mixin slider () {

	// host
	position: relative;
	overflow: hidden;

	// Фикс
	&,
	& * {
		@include fix();
	}

	.slider {
		align-items: center;
	}

	.slider__thumb {
		@include flex-col-auto();
	}

	.button-up,
	.button-down {
		@include flex-col-auto();
		z-index: 1;
		&:after {
			@include flex-col-auto();
			content: '';
			width: 0;
			height: 0;
			margin: auto;
			pointer-events: none;
		}
	}

	&[slider-type="default"] {
		@include type-default();
	}

	&[slider-type="thin-gray"] {
		@include type-thin-gray();
	}

	&[slider-type="thin-blue"] {
		@include type-thin-blue();
	}
}