Position Utilities

POSITION

Set Position

You can adjust the position of the item by using the following auxiliary classes.

Class Description
.pos-relative Set a relative position to element.
.pos-absolute Set a absolute position to element.
.pos-fixed Set a fixed position to element.
.pos-static Set a static position to element.

TOP, RIGHT, BOTTOM, LEFT POSITION

You can position the item from the top, bottom, right, and left using the following helpful classes.

.b-0
.t-0
Class Value
.t-[value] 0 | 5 | 10 | 15 | 20 ........ | 100 (step of 5)
.r-[value] 0 | 5 | 10 | 15 | 20 ........ | 100 (step of 5)
.b-[value] 0 | 5 | 10 | 15 | 20 ........ | 100 (step of 5)
.l-[value] 0 | 5 | 10 | 15 | 20 ........ | 100 (step of 5)

X / Y & ALL POSITION

In the following classes, you can position from the top, bottom and left, right according to the x / y coordinates.

.x-5
.a-10
Class Value
.x-[value] 0 | 5 | 10 | 15 | 20 ........ | 100 (step of 5)
.y-[value] 0 | 5 | 10 | 15 | 20 ........ | 100 (step of 5)
.a-[value] 0 | 5 | 10 | 15 | 20 ........ | 100 (step of 5)