View file application/libraries/Scaffold/mixins/utilities/position.css

File size: 0.99Kb
/**
 * Easily position an element around
 * Thanks to Jazen's Compass plugin for these
 */
=position($mode = "absolute", $top = false, $left = false, $bottom = false, $right = false)
{
	position:$mode;
	
	@if($top !== false) 		{ top:$top; }
	@if($left !== false) 	{ left:$left; }
	@if($right !== false) 	{ right:$right; }
	@if($bottom !== false)	{ bottom:$bottom; }
}

=absolute($top = false, $left = false, $bottom = false, $right = false)
{
	+position("absolute", $top, $left, $bottom, $right);
}

=relative($top = false, $left = false, $bottom = false, $right = false)
{
	+position("relative", $top, $left, $bottom, $right);
}

=move($top = false, $left = false, $bottom = false, $right = false)
{
	+relative($top, $left, $bottom, $right);
}

=move-up($up = 0)
{
	+move(-$up);
}

=move-right($right = 0)
{
	+move(false, false, false, -$right);
}

=move-down($down = 0)
{
	+move(false, false, -$down);
}

=move-left($left = 0)
{
	+move(false, -$left);
}

=size($width, $height)
{
	width:$width;
	height:$height;
}