Current File : /home/c/i/d/cideo/site_2015/www/sass/mixin.scss
@charset "UTF-8";
@mixin debug
{
	//@hue1:~`Math.floor(Math.random()*256)`;
	//@hsla1:~`"hsla("+@{hue1}+",100%,50%,0.3)"`;
	$hsla: hsla(0,100%,50%,.3);
	background-color:$hsla;
	-pie-background:$hsla;
	@include pie;
}
@mixin log($v)
{
	font-family:"__log__:#{$v}";
}

@mixin csspie{
	@include pie();
}
@mixin pie{
	behavior: url(PIE.php);
}
@mixin inline-block{
	display:inline-block;
	*display:inline;
	*zoom:1;
}

// Coin :
// 1-----2
// |     |
// |     |
// 3-----4 


@mixin offset($coin:1,$x:0,$y:0)
{
	position:absolute;
	@if ($coin == 1){
		top    : $y;
		left   : $x;
	}
	@if ($coin == 2){
		top    : $y;
		right  : $x;
	}
	@if ($coin == 3){
		bottom : $y;
		left   : $x;
	}
	@if ($coin == 4){
		bottom : $y;
		right  : $x;
	}
}

@mixin position($top:0,$right:0,$bottom:0,$left:0)
{
 	//  --1--
	// |     |
	// 4     2
	// |     |
	//  --3--
	position:absolute;
	top    : $top    ;
	left   : $left   ;
	right  : $right  ;
	bottom : $bottom ;
}

// ╔═──┐ ╔═══╗ ┌──═╗
// │ 1 │ │ 2 │ │ 3 │
// └───┘ └───┘ └───┘
// ╔═──┐ ╔═══╗ ┌──═╗
// ║ 4 │ ║ 5 ║ │ 6 ║
// ╚═──┘ ╚═══╝ └──═╝
// ┌───┐ ┌───┐ ┌───┐
// │ 7 │ │ 8 │ │ 9 │
// ╚═──┘ ╚═══╝ └──═╝

@mixin pos($pos:5,$position:absolute)
{
	position:$position;
	@if ($pos <= 6){
		top    : 0;
	}
	@if ($pos != 3) and ($pos != 6) and ($pos != 9){
		left  : 0;
	}
	@if ($pos != 1) and ($pos != 4) and ($pos != 7){
		right   : 0;
	}
	@if ($pos >= 4){
		bottom : 0;
	}
}

@mixin align($horizontal:center,$vertical:middle){
	text-align:$horizontal;
	white-space:nowrap;
	&:after,
	>*{
		@include inline-block;
		vertical-align:$vertical;
	}
	&:after{
		content:'';
		height:100%;
		width:0;
		visibility:hidden;
		
	}
	>*{
		//text-align:left;
		white-space:normal;
	}
}

@mixin list-reset($deep:0){
	padding:0;
	margin:0;
	display:block;
	list-style:none;
	@if($deep == 0){
		>li{
			padding:0;
			margin:0;
			display:block;
			list-style:none;
		}
	}@else{
		ul,ol,li{
			padding:0;
			margin:0;
			display:block;
			list-style:none;
		}
	}
}