@import "_variables";
@import "_variables_bootstrap.less";


._test(@border: #f00) {
	border: solid 1px fade(@border, 20%);
	background-color: fade(@border, 5%);
}


/* simples */

._clearfix() {
	&:before,
	&:after {
		content: " ";
		display: table;
	}

	&:after {
		clear: both;
	}
}

._reset-spaces() {
	margin: 0;
	padding: 0;
	border: none;
	outline: none;
}

._reset-text() {
	font-family: @font-family-base;
	font-style: normal;
	font-weight: normal;
	letter-spacing: normal;
	line-break: auto;
	line-height: @line-height-base;
	text-align: left;
	text-align: start;
	text-decoration: none;
	text-shadow: none;
	text-transform: none;
	white-space: normal;
	word-break: normal;
	word-spacing: normal;
	word-wrap: normal;
}

._shadow_text() {
	text-shadow: 1pt 1pt 3pt fade(#fff, 60%);
}

._shadow_box() {
	box-shadow: 2pt 2pt 4pt fade(#fff, 50%);
}

._pull-right() {
	float: right !important;
}

._pull-left() {
	float: left !important;
}

._center-block() {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

._text_nowrap() {
	white-space: nowrap;
}

._text_hide() {
	font: ~"0/0" a;
	color: transparent;
	text-shadow: none;
	background-color: transparent;
	border: 0;
}

._lowercase() {
	text-transform: lowercase;
}

._uppercase() {
	text-transform: uppercase;
}

._capitalize() {
	text-transform: capitalize;
}



/* helpers */

._size(@height, @width: @height) {
	height: @height;
	width: @width;
}

._img-responsive(@display: block) {
	display: @display;
	max-width: 100%;
	height: auto;
}

._anchor(@color, @decoration, @hover-color, @hover-decoration) {
	color: @color;
	text-decoration: @decoration;

	&:hover {
		color: @hover-color;
		text-decoration: @hover-decoration;
	}
}

._anchor(@bg, @color, @decoration, @hover-bg, @hover-color, @hover-decoration) {
	background-color: @bg;
	color: @color;
	text-decoration: @decoration;

	&:hover {
		background-color: @hover-bg;
		color: @hover-color;
		text-decoration: @hover-decoration;
	}
}



/* gradients */

._gradient_horizontal(@color1, @color2, @percent1: 0%, @percent2: 100%) {
	background-image: -webkit-linear-gradient(left, @color1 @percent1, @color2 @percent2);
	background-image: -o-linear-gradient(left, @color1 @percent1, @color2 @percent2);
	background-image: linear-gradient(to right, @color1 @percent1, @color2 @percent2);
	background-repeat: repeat-x;
	filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=1)",argb(@color1),argb(@color2)));
}

._gradient_vertical(@color1, @color2, @percent1: 0%, @percent2: 100%) {
	background-image: -webkit-linear-gradient(top, @color1 @percent1, @color2 @percent2);
	background-image: -o-linear-gradient(top, @color1 @percent1, @color2 @percent2);
	background-image: linear-gradient(to bottom, @color1 @percent1, @color2 @percent2);
	background-repeat: repeat-x;
	filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)",argb(@color1),argb(@color2)));
}

._gradient_angle(@color1, @color2, @angle: 45deg) {
	background-image: -webkit-linear-gradient(@angle, @color1, @color2);
	background-image: -o-linear-gradient(@angle, @color1, @color2);
	background-image: linear-gradient(@angle, @color1, @color2);
	background-repeat: repeat-x;
}

._gradient_radial(@color1, @color2) {
	background-image: -webkit-radial-gradient(circle, @color1, @color2);
	background-image: radial-gradient(circle, @color1, @color2);
	background-repeat: no-repeat;
}

._gradient_striped(@color, @angle: 45deg) {
	background-image: -webkit-linear-gradient(@angle, @color 25%, transparent 25%, transparent 50%, @color 50%, @color 75%, transparent 75%, transparent);
	background-image: -o-linear-gradient(@angle, @color 25%, transparent 25%, transparent 50%, @color 50%, @color 75%, transparent 75%, transparent);
	background-image: linear-gradient(@angle, @color 25%, transparent 25%, transparent 50%, @color 50%, @color 75%, transparent 75%, transparent);
}

._gradient3_horizontal(@color1, @color2, @color3, @percent2: 50%) {
	background-image: -webkit-linear-gradient(left, @color1, @color2 @percent2, @color3);
	background-image: -o-linear-gradient(left, @color1, @color2 @percent2, @color3);
	background-image: linear-gradient(to right, @color1, @color2 @percent2, @color3);
	background-repeat: no-repeat;
	filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=1)",argb(@color1),argb(@color3)));
}

._gradient3_vertical(@color1, @color2, @color3, @percent2: 50%) {
	background-image: -webkit-linear-gradient(@color1, @color2 @percent2, @color3);
	background-image: -o-linear-gradient(@color1, @color2 @percent2, @color3);
	background-image: linear-gradient(@color1, @color2 @percent2, @color3);
	background-repeat: no-repeat;
	filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)",argb(@color1),argb(@color3)));
}

._gradient-border-left(@width, @color1, @color2) {
	border-width: 0 0 0 @width;
	border-style: solid;
	-webkit-border-image: -webkit-gradient(linear, 100% 0, 0 0, from(@color1), to(@color2)) 1 100%;
	-webkit-border-image: -webkit-linear-gradient(bottom, @color1, @color2) 1 100%;
	-moz-border-image: -moz-linear-gradient(bottom, @color1, @color2) 1 100%;
	-o-border-image: -o-linear-gradient(bottom, @color1, @color2) 1 100%;
	border-image: linear-gradient(to bottom, @color1, @color2) 1 100%;
}



/* radius */

._border-top-radius(@radius) {
	border-top-right-radius: @radius;
	border-top-left-radius: @radius;
}

._border-right-radius(@radius) {
	border-bottom-right-radius: @radius;
	border-top-right-radius: @radius;
}

._border-bottom-radius(@radius) {
	border-bottom-right-radius: @radius;
	border-bottom-left-radius: @radius;
}

._border-left-radius(@radius) {
	border-bottom-left-radius: @radius;
	border-top-left-radius: @radius;
}



/* guap */

._guap-gradient() {
	background-color: @guap-color-primary;
	._gradient_horizontal(@guap-color-primary, @guap-color-middle, 75%, @guap-color-second);
}

._guap-gradient-back() {
	background-color: @guap-color-primary;
	._gradient_horizontal(@guap-color-primary, @guap-color-second, 49%, 51%);
}