// MaxSite CMS 
// Copyright http://max-3000.com/
// helpers.less

// хелперы
// можно подключать из shared-каталога
// подключать - @import url('../../../shared/css-less/mixins/helpers.less');

// см. readme-helpers.txt

// ШРИФТ
.f()
{
	verdana()
	{
		font-family: Verdana, Arial, Helvetica, sans-serif; 
	}
	
	arial()
	{
		font-family: Arial, Helvetica, Verdana, sans-serif; 
	}
	
	tahoma()
	{
		font-family: Tahoma, Arial, Helvetica, Verdana, sans-serif; 
	}
	
	georgia()
	{
		font-family: Georgia, "Times New Roman", serif; 
	}
	
	times()
	{
		font-family: "Times New Roman", Georgia, serif; 
	}
	
	segoe()
	{
		font-family: "Segoe UI", Verdana, Arial, sans-serif; 
	}
	
	helvetica()
	{
		font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	}
	
	serif(@name: Georgia)
	{
		font-family: @name, "Times New Roman", Times, serif;
	}
	
	sans(@name: Arial)
	{
		font-family: @name, "Helvetica Neue", Helvetica, Arial, sans-serif;
	}
	
	cursive(@name: "Comic Sans")
	{
		font-family:@name, cursive;
	}
	
	mono(@name: Courier New)
	{
		font-family: @name, Monaco, Menlo, Consolas, "Courier New", monospace;
	}
	
	f(@name, @s: serif)
	{
		font-family: @name, @s;
	}
	
	size(@size: 9pt)
	{
		font-size: @size;
	}
	
	normal()
	{
		font-weight: normal;
		font-style: normal;
		text-decoration: none;
	}	
	
	bold(@bold: bold)
	{
		font-weight: @bold;
	}
	
	color(@color)
	{
		color: @color;
	}
	
	italic(@italic: italic)
	{
		font-style: @italic;
	}
	
	i(@italic: italic)
	{
		font-style: @italic;
	}
	
	style(@style = normal)
	{
		font-style: normal;
	}
	
	upper()
	{
		text-transform: uppercase;
	}
	
	lower()
	{
		text-transform: lower;
	}
	
	underline(@underline: underline)
	{
		text-decoration: @underline;
	}
	
	
	// дубль этих-же миксов, только с точкрой в начале имени — совместимость с less.js
	// используйте этот вариант — миксы без точки будут удалены в будущих версиях MaxSite CMS
	
	.verdana()
	{
		font-family: Verdana, Arial, Helvetica, sans-serif; 
	}
	
	.arial()
	{
		font-family: Arial, Helvetica, Verdana, sans-serif; 
	}
	
	.tahoma()
	{
		font-family: Tahoma, Arial, Helvetica, Verdana, sans-serif; 
	}
	
	.georgia()
	{
		font-family: Georgia, "Times New Roman", serif; 
	}
	
	.times()
	{
		font-family: "Times New Roman", Georgia, serif; 
	}
	
	.segoe()
	{
		font-family: "Segoe UI", Verdana, Arial, sans-serif; 
	}
	
	.helvetica()
	{
		font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	}
	
	.serif(@name: Georgia)
	{
		font-family: @name, "Times New Roman", Times, serif;
	}
	
	.sans(@name: Arial)
	{
		font-family: @name, "Helvetica Neue", Helvetica, Arial, sans-serif;
	}
	
	.cursive(@name: "Comic Sans")
	{
		font-family:@name, cursive;
	}
	
	.mono(@name: Courier New)
	{
		font-family: @name, Monaco, Menlo, Consolas, "Courier New", monospace;
	}
	
	.f(@name, @s: serif)
	{
		font-family: @name, @s;
	}
	
	.size(@size: 9pt)
	{
		font-size: @size;
	}
	
	.normal()
	{
		font-weight: normal;
		font-style: normal;
		text-decoration: none;
	}	
	
	.bold(@bold: bold)
	{
		font-weight: @bold;
	}
	
	.color(@color)
	{
		color: @color;
	}
	
	.italic(@italic: italic)
	{
		font-style: @italic;
	}
	
	.i(@italic: italic)
	{
		font-style: @italic;
	}
	
	.style(@style = normal)
	{
		font-style: normal;
	}
	
	.upper()
	{
		text-transform: uppercase;
	}
	
	.lower()
	{
		text-transform: lower;
	}
	
	.underline(@underline: underline)
	{
		text-decoration: @underline;
	}
	
} // .f

// полужирный
.bold(@b: bold)
{
	font-weight: @b;
}

// курсив
.italic(@i: italic)
{
	font-style: @i;
}

// цвет
.color(@color)
{
	color: @color;
}

// div по центру
.block_center(@top: 0, @bottom: 0)
{
	margin: @top auto @bottom auto;
}

.left(@f: left)
{
	float: @f;
}

.right(@f: right)
{
	float: @f;
}

// height = line-height
.lheight(@height: 30px) 
{
	height: @height; 
	line-height: @height; 
}

.align(@pos: left)
{
	text-align: @pos;
}

.border_radius(
	@radius_top_left, 
	@radius_top_right, 
	@radius_bottom_right, 
	@radius_bottom_left)
{
	-webkit-border-radius: @arguments;
	-moz-border-radius: @arguments;
	border-radius: @arguments;
}

.border_radius(@radius)
{
	-webkit-border-radius: @radius;
	-moz-border-radius: @radius;
	border-radius: @radius;
}

.border_radius(none)
{
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

// border
.border(@color: #C0C0C0, @width: 1px, @type: solid)
{
	border: @arguments;
}

.border_top(@color: #C0C0C0, @width: 1px, @type: solid)
{
	border-top: @arguments;
}

.border_right(@color: #C0C0C0, @width: 1px, @type: solid)
{
	border-right: @arguments;
}

.border_bottom(@color: #C0C0C0, @width: 1px, @type: solid)
{
	border-bottom: @arguments;
}

.border_left(@color: #C0C0C0, @width: 1px, @type: solid)
{
	border-left: @arguments;
}

.border(none)
{
	border: 0;
}

// тень блока
.box_shadow(none) 
{
	-o-box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.box_shadow(param, @attr) 
{
	-o-box-shadow: @attr;
	-webkit-box-shadow:@attr;
	-moz-box-shadow: @attr;
	box-shadow: @attr;
	//behavior: url(/PIE.php);
}

.box_shadow(@x: 0, @y: 0, @blur: 3px, @color:#888) 
{
	-o-box-shadow: @arguments;
	-webkit-box-shadow: @arguments;
	-moz-box-shadow: @arguments;
	box-shadow: @arguments;
	//behavior: url(/PIE.php);
}

.box_shadow_inset(@x: 0, @y: 0, @blur: 3px, @color: #888) 
{
	box-shadow: inset @arguments;
	-moz-box-shadow: inset @arguments;
	-webkit-box-shadow: inset @arguments;
}

.box_shadow_inset(none) 
{
	box-shadow: inset none;
	-moz-box-shadow: inset none;
	-webkit-box-shadow: inset none;
}

// тень текста
.text_shadow(@x: 0, @y: 0, @blur: 3px, @color:#888)
{
	text-shadow: @arguments;
	filter: e(%("dropshadow(color=%d, offx=%d, offy=%d)", @color, @horizontal, @vertical)); // IE9 and down
}


// фон
.bg(@color: white) {
	background-color: @color;
}

// включая url-картинку
.bg(@color, @file)
{
	background: @color url("../images/backgrounds/@{file}");
}

.bgu(@file, @attr: no-repeat)
{
	background: url(@file) @attr;
}

.bgr(@color: red) {
	background-color: @color;
}

.bgy(@color: yellow) {
	background-color: @color;
}

.bgg(@color: green) {
	background-color: @color;
}


// градиент

.background_gradient (@startColor: #555, @endColor: #333)
{
    background-color: @endColor;
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear, left top, left bottom, from(@startColor), to(@endColor)); // Konqueror
    background-image: -moz-linear-gradient(top, @startColor, @endColor); // FF 3.6+
    background-image: -ms-linear-gradient(top, @startColor, @endColor); // IE10
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, @startColor), color-stop(100%, @endColor)); // Safari 4+, Chrome 2+
    background-image: -webkit-linear-gradient(top, @startColor, @endColor); // Safari 5.1+, Chrome 10+
    background-image: -o-linear-gradient(top, @startColor, @endColor); // Opera 11.10
    background-image: linear-gradient(top, @startColor, @endColor); // The standard
    //filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)",@startColor,@endColor)); // IE9 and down
}

.radial_gradient(@startColor: #555, @endColor: #333, @pos_x: center, @pos_y: center)  
{
	// closest-side, closest-corner, farthest-side, farthest-corner
	background-color: @startColor;
	background-image: -moz-radial-gradient(@pos_x @pos_y, farthest-side, @startColor, @endColor);
	background-image: -webkit-radial-gradient(@pos_x @pos_y, farthest-side, @startColor, @endColor);
	background-image: -o-radial-gradient(@pos_x @pos_y, farthest-side, @startColor, @endColor);
	background-repeat: no-repeat;
}

// градиент работает только через переменную
// @gr: 90deg, #CECECE, #DCDCDC, white, #EEEEEE, #f0f0f0;
// .gradient(@gr);
.gradient(@gradient)
{
	background-image: -moz-linear-gradient(@gradient);
	background-image: -ms-linear-gradient(@gradient);
    background-image: -webkit-linear-gradient(@gradient);
    background-image: -o-linear-gradient(@gradient);
    background-image: linear-gradient(@gradient);
}

// прозрачность в %
.opacity(@opacity: 100) 
{
	filter: e(%("alpha(opacity=%d)", @opacity));
	-khtml-opacity: @opacity / 100;
	-moz-opacity: @opacity / 100;
	-webkit-opacity: @opacity / 100;
	opacity: @opacity / 100;
}

// аналог opacity
.op(@opacity: 100)
{
	.opacity(@opacity);
}

// аналог rgba(R,G,B, op) только с #RRGGBB
.op_color(@color: #abc, @opacity: .5)
{
	color: rgba(red(@color), green(@color), blue(@color), @opacity);
}

// цвет фона и его прозрачность
.bg_op(@color: #abc, @opacity: .5)
{
	background-color: @color;
	.opacity(@opacity * 100); 
}


// переходы
.transition(@transition) {
	-webkit-transition: @transition;
	-moz-transition: @transition;
	-ms-transition: @transition;
	-o-transition: @transition;
	transition: @transition;
}

.box_sizing(@box: border-box){
	-webkit-box-sizing: @box;
	-moz-box-sizing: @box;
	box-sizing: @box;
}

.transform(@transform) {
	-webkit-transform: @arguments;
	-moz-transform: @arguments;
	-o-transform: @arguments;
	-ms-transform: @arguments;
	transform: @arguments;
}




// служебные миксы
// загрузка другого less-файла заменяет @import
// не использовать!
.load_less(@file, @dir: components)
{
	@import url("@{dir}/@{file}.less");
}
