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

// Таблица
@mixin table () {
	@include flex-col-max();
	&,
	& * {
		@include fix();
	}

	$slider-size: 16px;
	$slider-margin: 8px;

	.wrapper {
		@include flex-col-max();
	}

	.wrapper-inner{
		@include flex-row-max();
	}

	.slider-horizontal {
		@include flex-col-auto();
		height: $slider-size;
		margin-top: $slider-margin;
	}
	.slider-horizontal--margin-right {
		margin-right: $slider-size + $slider-margin;
	}

	.slider-vertical {
		@include flex-row-auto();
		width: $slider-size;
		margin-left: $slider-margin;
	}

	.table {
		@include flex-col-max();
		overflow: hidden;
		border-radius: 3px;
		background: $table-bg;
		box-shadow: 0 2px 2px 2px rgba(160,183,210,0.24);
	}
	.table__header {
		@include flex-col-auto();
	}
	.table__content {
		@include flex-col-max();
	}
	.table__footer {
		@include flex-col-auto();
	}
}