Helpers

Border Radius

.rounded--default

Sets 5px border Radius to the element

.rounded--03

Sets 3px border Radius to the element

.rounded--05

Sets 05px border Radius to the element

.rounded--08

Sets 08px border Radius to the element

.rounded--10

Sets 10px border Radius to the element

.rounded--15

Sets 15px border Radius to the element

.rounded--full

Sets 100px border Radius to the element

.rounded--none

Remove border aadius from the elements

Opacity

.opacity--02

Sets opacity: .02; to the element

.opacity--03

Sets opacity: .03; to the element

.opacity--05

Sets opacity: .05; to the element

.opacity--08

Sets opacity: .08; to the element

.opacity--10

Sets opacity: .10; to the element

.opacity--20

Sets opacity: .20; to the element

.opacity--30

Sets opacity: .30; to the element

.opacity--40

Sets opacity: .40; to the element

.opacity--50

Sets opacity: .50; to the element

.opacity--60

Sets opacity: .60; to the element

.opacity--70

Sets opacity: .70; to the element

.opacity--80

Sets opacity: .80; to the element

.opacity--90

Sets opacity: .90; to the element

.opacity--100

Sets opacity: .100; to the element

Border

.border--none

Remove any border from the elements

.border--around

Sets 1px border all around the element

.border--bottom

Sets 1px border bottom of the element

.border--top

Sets 1px border top of the element

.border--right

Sets 1px border right of the element

.border--left

Sets 1px border left of the element

Box Shadow

.box-shadow--1

.box-shadow--2

.box-shadow--3

.box-shadow--4

.box-shadow--5

.box-shadow--6

Apply box Shadow to the element. Different class will generate different box shadow

Max Width

.max-w--320

Restrict the element width to 320px

.max-w--350

Restrict the element width to 350px

.max-w--400

Restrict the element width to 400px

.max-w--500

Restrict the element width to 500px

Width

.w-80

Apply 80% width of total area

.w-85

Apply 85% width of total area

.max-w-90

Apply 90% width of total area

Height

.h-100vh

Sets the height of the element 100vh

Z-Index

.z-index1

Sets z-index: 1;

.z-index2

Sets z-index: 2;

.z-index3

Sets z-index: 3;

.z-index-1

Sets z-index: -1;

.z-index-2

Sets z-index: -2;

.z-index-3

Sets z-index: -3;

Transition

.transition-default

Apply .3s transition to the element

Position

.pos-abs-top

Apply to a element to position the element at the top of the section

.pos-abs-bottom

Apply to a element to position the element at the bottom of the section

.pos-abs-right

position the element to the right hand coner of the section

.pos-abs-left

position the element to the left hand coner of the section

.pos-abs-bottom-left

position the element to the bottom left hand coner of the section

.pos-abs-bottom-right

position the element to the bottom right hand coner of the section

.pos-abs-top-right

position the element to the top right hand coner of the section

.pos-abs-top-left

position the element to the top left hand coner of the section

.pos-abs-center

position the element center of the section

.pos-abs-horizon-center

position the element horizontally center of the section

.pos-abs-vertical-center

position the element vertically center of the section

Overflow

.hidden

Sets overflow attribute to hidden