Material Admin Extended Dark

## Generic Class Reference

Following helper classes can be used with any elements in order to help remove repetition or override certain classes/IDs. Using helper classes will make your code more reusable and scalable for many features that will be added in the future.

e.g:

    <div class="m-t-20 text-center">
        ...
    </div>

    <h2 class="title text-uppercase p-10">
        ...
    </h2>

## margin

margin

`.m-0` `.m-5` `.m-10` `.m-15` `.m-20` `.m-25` `.m-30`

margin-top

`.m-t-0` `.m-t-5` `.m-t-10` `.m-t-15` `.m-t-20` `.m-t-25` `.m-t-30`

margin-right

`.m-r-0` `.m-r-5` `.m-r-10` `.m-r-15` `.m-r-20` `.m-r-25` `.m-r-30`

margin-bottom

`.m-b-0` `.m-b-5` `.m-b-10` `.m-b-15` `.m-b-20` `.m-b-25` `.m-b-30`

margin-left

`.m-l-0` `.m-l-5` `.m-l-10` `.m-l-15` `.m-l-20` `.m-l-25` `.m-l-30`

## text-align

`.text-center` `.text-right` `.text-left` `.text-justify`

## Image replacement

Utilize the `.text-hide` class or mixin to help replace an element's text content with a background image.

`.text-hide`

## Text Transform

`.text-uppercase` `.text-lowercase` `.text-capitalize`

## Padding

Padding

`.p-0` `.p-5` `.p-10` `.p-15` `.p-20` `.p-25` `.p-30`

Padding Top

`.p-t-0` `.p-t-5` `.p-t-10` `.p-t-15` `.p-t-20` `.p-t-25` `.p-t-30`

Padding Right

`.p-r-0` `.p-r-5` `.p-r-10` `.p-r-15` `.p-r-20` `.p-r-25` `.p-r-30`

Padding Bottom

`.p-b-0` `.p-b-5` `.p-b-10` `.p-b-15` `.p-b-20` `.p-b-25` `.p-b-30`

Padding Left

`.p-l-0` `.p-l-5` `.p-l-10` `.p-l-15` `.p-l-20` `.p-l-25` `.p-l-30`

## Float

`.pull-right` `.pull-left`

## Visibility

`.show` - display:block;
`.hidden` - display:none; visibility:hidden;
`.invisible` - visibility: hidden;