Positions

Add the top, right, bottom and left position defined in space units to your elements

• @top
• @right
• @bottom
• @left

Requirements: the position attribute has to be set to fixed , absolute or relative

@top

• Mixin: @include top($space-units)

Example

3 space-unit top

Position Example element

.example-element {
	@include top(3);
	position: absolute;
	left: 0;
	right: 0;
}

@right

• Mixin: @include right($space-units)

Example

3 space-unit right

Position Example element

.example-element {
	@include right(3);
	position: absolute;
	left: 0;
}

@bottom

Mixin: @include bottom($space-units)

Example

3 space-unit bottom

Position Example element

.example-element {
	@include bottom(3);
	position: absolute;
	left: 0;
	right: 0;
}

@left

Mixin: @include left($space-units)

Example

3 space-unit left

Position Example element

.example-element {
	@include left(3);
	position: absolute;
	right: 0;
}