// mixes
@import "indent-mixins.less";

.mix-transition(@transition : @main-animation){
	-webkit-transition:@transition;
	-o-transition:@transition;
	transition:@transition;
}

.mix-transform(@transform){
	-moz-transform:@transform; /* For Firefox */
	-ms-transform:@transform; /* For IE */
	-webkit-transform:@transform; /* For Safari, Chrome, iOS */
	-o-transform:@transform; /* For Opera */
	transform:@transform;
}

.mix-placeholder(@color: @placeholder-color, @font:@placeholder-font){
	&::-webkit-input-placeholder{
		color:@color;
		font:@font;
	}

	&::-moz-placeholder{
		color:@color;
		font:@font;
		opacity:1;
	}

	&:-ms-input-placeholder{
		color:@color;
		font:@font;
	}
}

.mix-outside-of-container(){
	.margin-left(-2000px);
	.margin-right(-2000px);
	.padding-left(2000px);
	.padding-right(2000px);
}

.mix-shadow(@color, @opacity, @border-radius : @main-border-radius){
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	.left(0);
	background:@color;
	opacity:@opacity;
	border-radius:@border-radius;
}

.mix-widget__not-full-width(){
	max-width:270px;
	.margin-left(auto);
	.margin-right(auto);
}

// Mixin decoration
@__position-default:bottom-center;
@__size-default:small;
.mix-title-decoration(@position:@__position-default, @size:@__size-default){
	content:' ';
	display:block;
	background:@main-color1;
	position:absolute;
	height:5px;
	width:30px;
}

.mix-title-decoration(@position:@__position-default, @size:@__size-default) when (@position = bottom-center){
	bottom:-1px;
	.left(50%);
	.translate(-50%, 0);
}

.mix-title-decoration(@position:@__position-default, @size:@__size-default) when (@position = bottom-left){
	bottom:-1px;
	.left(0);
}

.mix-title-decoration(@position:@__position-default, @size:@__size-default) when (@position = top-center){
	top:0;
	.left(50%);
	.translate(-50%, 0);
}

.mix-title-decoration(@position:@__position-default, @size:@__size-default) when (@position = left){
	width:5px;
	height:25px;
	top:50%;
	.left(0);
	.translate(0, -50%);
}

.mix-title-decoration(@position:@__position-default, @size:@__size-default) when (@size = big){
	width:50px;
}
// END Mixin decoration

.mix-alternative-text(@place:all) when (@place = all){
	font-family:@alternative-text-family;
	font-weight:@alternative-text-weight;
	font-style:@alternative-text-style;
}

.mix-widget-footer-item-delimiter(@position:bottom){
	content:" ";
	display:block;
	width:100%;
	height:1px;
	position:absolute;
	top:auto;
	bottom:0;
	.left(0);
	border-top:1px dashed @footer-text-color;
	opacity:@footer-delimiter-opacity;
}

.mix-widget-footer-item-delimiter(@position:bottom) when (@position = top){
	bottom:auto;
	top:0;
}

.mix-layout-box(){
	background:@main-color-white;
	box-shadow:@main-box-shadow;
	border-radius:@main-border-radius;
}

.mix-title-hover(){
	color:fade(@main-text-color, 80%);
}

.mix-item-single-breakpoint(@max-width:none){
	float:none;
	max-width:@max-width;
	width:auto;
	.margin-left(auto);
	.margin-right(auto);
}

.mix-responsive-table(){
	@media(max-width:@responsive-breakpoint2){
		display:block;

		thead,
		tbody,
		tfoot,
		tr,
		td,
		th{
			display:block;
		}
	}
}