Helper classes
These are all the available helper classes used in the template
Borders
-
.no-border
.b-a-0
remove all borders -
.b-a
border on all 4 sides -
.b-l
left border -
.b-r
right border -
.b-t
top border -
.b-b
bottom border -
.b-t-0
border-top: 0 -
.b-r-0
border-right: 0 -
.border-primary
border color primary -
.border-default
border color default -
.border-warning
border color warning -
.border-success
border color success -
.border-info
border color info -
.border-white
border color white -
.border-danger
border color danger
Border radius
-
.no-radius
remove border radius -
.round
4 corner border-radius -
.brtl
top left border radius -
.brtr
top right border radius -
.blbl
bottom left border radius -
.brbr
bottom right border radius
Overflow
-
.overflow-hidden
overflow hidden -
.overflow-visible
overflow visible -
.overflow-auto
overflow auto
Positioning
-
.relative
position: relative -
.absolute
position: absolute -
.lt
left: 0 -
.rt
right: 0 -
.bt
bottom: 0 -
.tp
top: 0
Text alignment
-
.text-left
Left aligned text. -
.text-center
Center aligned text. -
.text-right
Right aligned text. -
.text-justify
Justified text. -
.text-nowrap
no wrap text.
Other
-
.no-padding
remove padding -
.no-margin
remove margin -
.no-bg
transparent background -
.no-shadow
remove box shadows -
.shadow
add a subtle box shadow -
.text-shadow
add a subtle text shadow -
.block
display block
Margins and paddings
Class | Description |
---|---|
.m-x-n
|
-15px margin left and right |
.m-r-n
|
-15px margin right |
.m-l-n
|
-15px margin left |
.m-a-lg
|
30px margin |
.m-r-lg
|
30px right margin |
.m-b-lg
|
30px bottom margin |
.m-l-lg
|
30px left margin |
.m-t-lg
|
30px top margin |
.m-x-lg
|
30px left and right margin |
.m-y-lg
|
30px top and bottom margin |
.m-a-md
|
20px margin |
.m-r-md
|
20px right margin |
.m-b-md
|
20px bottom margin |
.m-l-md
|
20px left margin |
.m-t-md
|
20px top margin |
.m-x-md
|
20px left and right margin |
.m-y-md
|
20px top and bottom margin |
.m-a
|
15px margin |
.m-r
|
15px right margin |
.m-b
|
15px bottom margin |
.m-l
|
15px left margin |
.m-t
|
15px top margin |
.m-x
|
15px left and right margin |
.m-y
|
15px top and bottom margin |
.m-x-auto
|
auto left and right margin |
.m-a-0
|
0px margin |
.m-r-0
|
0px right margin |
.m-b-0
|
0px bottom margin |
.m-l-0
|
0px left margin |
.m-t-0
|
0px top margin |
.m-x-0
|
0px left and right margin |
.m-y-0
|
0px top and bottom margin |
Class | Description |
---|---|
.p-x-n
|
-15px padding left and right |
.p-r-n
|
-15px padding right |
.p-l-n
|
-15px padding left |
.p-a-lg
|
30px padding |
.p-r-lg
|
30px right padding |
.p-b-lg
|
30px bottom padding |
.p-l-lg
|
30px left padding |
.p-t-lg
|
30px top padding |
.p-x-lg
|
30px left and right padding |
.p-y-lg
|
30px top and bottom padding |
.p-a-md
|
20px padding |
.p-r-md
|
20px right padding |
.p-b-md
|
20px bottom padding |
.p-l-md
|
20px left padding |
.p-t-md
|
20px top padding |
.p-x-md
|
20px left and right padding |
.p-y-md
|
20px top and bottom padding |
.p-a
|
15px padding |
.p-r
|
15px right padding |
.p-b
|
15px bottom padding |
.p-l
|
15px left padding |
.p-t
|
15px top padding |
.p-x
|
15px left and right padding |
.p-y
|
15px top and bottom padding |
.p-x-auto
|
auto left and right padding |
.p-a-0
|
0px padding |
.p-r-0
|
0px right padding |
.p-b-0
|
0px bottom padding |
.p-l-0
|
0px left padding |
.p-t-0
|
0px top padding |
.p-x-0
|
0px left and right padding |
.p-y-0
|
0px top and bottom padding |