Helper Classes | Material Design Admin - Eagle

Please wait...

color_lens
settings

Sidebar Skins

Light
Dark

Navbar Skins

Red
Pink
Purple
Indigo
Blue
Light Blue
Cyan
Teal
Green
Lime
Yellow
Orange
Brown
Grey

Layout Settings

Fixed
Boxed
Collapsed
Collapsed Text
Float
Show Scrollbar

Float Classes

Class	Description
`.pull-left`	To float element left.
`.pull-right`	To float element right.
`.clearfix`	To Clear floats.(clreafix)

Vertical Align

Class	Description
`.v-align-top`	To vertical align top element.
`.v-align-bottom`	To vertical align bottom element.
`.v-align-sub`	To vertical align sub element.
`.v-align-middle`	To vertical align middle element.

Text Align

Class	Description
`.text-left`	Align text left.
`.text-right`	Align text right.
`.text-center`	Align text center.
`.text-justify`	Align text justify.

Text Color

Class	Description
`.text-muted`	This is muted text.
`.text-primary`	This is primary text.
`.text-success`	This is success text.
`.text-info`	This is info text.
`.text-warning`	This is warning text.
`.text-danger`	This is danger text.

Text Style

Class	Description
`.text-lowercase`	This is lower case text.
`.text-uppercase`	This is uppercase case text.
`.text-capitalize`	Render as capital text.
`.font-bold`	Rendered as bold text.
`.font-italic`	Rendered as italicized text.
`.font-underline`	This line of text will render as underlined.

Padding Left

Class	Description
`.p-l-0`	Padding Left 0px.
`.p-l-10`	Padding Left 10px.
`.p-l-50`	Padding Left 50px.

Padding Right

Class	Description
`.p-r-0`	Padding right 0px.
`.p-r-10`	Padding right 10px.
`.p-r-50`	Padding right 50px.

Padding Top

Class	Description
`.p-t-0`	Padding top 0px.
`.p-t-10`	Padding top 10px.
`.p-t-50`	Padding top 50px.

Padding Bottom

Class	Description
`.p-b-0`	Padding bottom 0px.
`.p-b-10`	Padding bottom 10px.
`.p-b-50`	Padding bottom 50px.

Margin Left

Class	Description
`.m-l-0`	Margin Left 0px.
`.m-l-10`	Margin Left 10px.
`.m-l-50`	Margin Left 50px.
`.m-l--10`	Margin Left -10px.
`.m-l--50`	Margin Left -50px.
`.m-l--100`	Margin Left -100px.

Margin Right

Class	Description
`.m-r-0`	Margin Right 0px.
`.m-r-10`	Margin Right 10px.
`.m-r-50`	Margin Right 50px.
`.m-r--10`	Margin Right -10px.
`.m-r--50`	Margin Right -50px.
`.m-r--100`	Margin Right -100px.

Margin Top

Class	Description
`.m-t-0`	Margin top 0px.
`.m-t-10`	Margin top 10px.
`.m-t-50`	Margin top 50px.
`.m-t--10`	Margin top -10px.
`.m-t--50`	Margin top -50px.
`.m-t--100`	Margin top -100px.

Margin Bottom

Class	>Description
`.m-b-0`	Margin Bottom 0px.
`.m-b-10`	Margin Bottom 10px.
`.m-b-50`	Margin Bottom 50px.
`.m-b--10`	Margin Bottom -10px.
`.m-b--50`	Margin Bottom -50px.

Background Colors

Class	Description
`.bg-primary`	Primary background color
`.bg-success`	Success (green) background color
`.bg-info`	Info (Blue) background color
`.bg-warning`	Warning (yellow) background color
`.bg-danger`	Danger (red) background color

Material Background Colors

Class	Description
`.bg-cyan`	Cyan background color
`.bg-indigo`	Indigo background color
`.bg-blue`	Blue background color
`.bg-red`	Red background color
`.bg-purple`	Purple background color

Material Font Colors

Class	Description
`.col-cyan`	Font color Cyan
`.col-green`	Font color Green
`.col-red`	Font color Red
`.col-pink`	Font color Pink
`.col-orange`	Font color Orange

Class	Description
`.col-indigo`	Font color Indigo
`.col-purple`	Font color Purple
`.col-teal`	Font color Teal
`.col-amber`	Font color Amber
`.col-yellow`	Font color Yellow

Class	Description
`.col-lime`	Font color Lime
`.col-brown`	Font color Brown
`.col-gray`	Font color Gray
`.col-blue-gray`	Font color Blue gray
`.col-black`	Font color Black