Helper classes

These are all the available helper classes used in the template

Borders
  • .no-border.b-a-0remove all borders
  • .b-aborder on all 4 sides
  • .b-lleft border
  • .b-rright border
  • .b-ttop border
  • .b-bbottom border
  • .b-t-0border-top: 0
  • .b-r-0border-right: 0
  • .border-primaryborder color primary
  • .border-defaultborder color default
  • .border-warningborder color warning
  • .border-successborder color success
  • .border-infoborder color info
  • .border-whiteborder color white
  • .border-dangerborder color danger

Border radius
  • .no-radiusremove border radius
  • .round4 corner border-radius
  • .brtltop left border radius
  • .brtrtop right border radius
  • .blblbottom left border radius
  • .brbrbottom right border radius

Overflow
  • .overflow-hiddenoverflow hidden
  • .overflow-visibleoverflow visible
  • .overflow-autooverflow auto

Positioning
  • .relativeposition: relative
  • .absoluteposition: absolute
  • .ltleft: 0
  • .rtright: 0
  • .btbottom: 0
  • .tptop: 0

Text alignment
  • .text-leftLeft aligned text.
  • .text-centerCenter aligned text.
  • .text-rightRight aligned text.
  • .text-justifyJustified text.
  • .text-nowrapno wrap text.

Other
  • .no-paddingremove padding
  • .no-marginremove margin
  • .no-bgtransparent background
  • .no-shadowremove box shadows
  • .shadowadd a subtle box shadow
  • .text-shadowadd a subtle text shadow
  • .blockdisplay 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