Typography

Easiest way to make your content beautiful.

Margins & Paddings

Predefined classes to change the indentation.

Margins
margin-0
Remove all margins from element
margin-top-*
Use it to change top margin. Available *: 0, 5, 15, 20, 30, 40, 50
margin-bottom-*
Use it to change bottom margin. Available *: 0, 5, 15, 20, 30, 40, 50
margin-left-*
Use it to change left margin. Available *: 0, 5, 15, 20, 30, 40, 50
margin-right-*
Use it to change right margin. Available *: 0, 5, 15, 20, 30, 40, 50
Paddings
padding-0
Remove all paddings from element
padding-*
Use it to change padding. Available *: 0, 5, 15, 20, 30, 40, 50
padding-(*1)-(*2)
Use this structure to change element paddings.
(*1): left, right, top, bottom; (*2): 0, 5, 10, 15, 20, 30, 40, 50;

Text

Predefined classes for text change.

State Colors
text-default
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
text-muted
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
text-primary
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
text-info
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
text-success
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
text-warning
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
text-danger
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Sizes
text-sm
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
text-regular
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
text-lg
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
text-xlg
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Weight
text-thin
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
text-rg
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
text-bold
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
text-bolder
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Transform
text-uppercase
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
text-lowercase
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
text-capitalize
lorem ipsum dolor sit amet, consectetur adipiscing elit.
text-italic
Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Misc

Other predefined classes ready to use.

Border
border-*-0
Remove border. Available *: left, top, right, bottom
Floating
pull-left
Float element to left side.
pull-right
Float element to left side.
Width
wide
Gives element 100% width.
Mobile
visible-mobile
Makes this element visible only on mobile, and hidden on desktop.
hidden-mobile
Hidden on mobile.
float-left-mobile
Floating element to left on mobile.
float-right-mobile
Floating element to right on mobile.
clear-mobile
clear: both; on mobile.

Custom Colors

Use this colors to highlight information or pretify template.

text-bloody-*
600
500
400
300
200
100
text-orange-*
600
500
400
300
200
100
text-yellow-*
600
500
400
300
200
100
text-lime-*
600
500
400
300
200
100
text-green-*
600
500
400
300
200
100
text-sea-*
600
500
400
300
200
100
text-teal-*
600
500
400
300
200
100
text-blue-*
600
500
400
300
200
100
text-darkblue-*
600
500
400
300
200
100
text-navyblue-*
600
500
400
300
200
100
text-indigo-*
600
500
400
300
200
100
text-purple-*
600
500
400
300
200
100
text-magenta-*
600
500
400
300
200
100
text-pink-*
600
500
400
300
200
100
text-maroon-*
600
500
400
300
200
100

Notifications

7 new, latest: July 19, 2016 at 10:14:32.

Product Delivered delivered

#SPW-955-18 to st. StreetName SA, USA.

19/07/2016 10:14:32 AM

Successful Payment success

Payment for order #SPW-955-17: $145.44.

19/07/2016 09:55:12 AM

New Order #SPW-955-17 waiting

Added new order, waiting for payment. Order details.

19/07/2016 09:51:55 AM

Money Back Request return

#SPW-955-17 return requested. Request details.

19/07/2016 08:44:51 AM

The critical amount of product important

Product: Extra Awesome Product (amount: 2). Storehouse.

19/07/2016 08:30:00 AM

Product Delivery Start delivering

#SPW-955-18 to st. StreetName SA, USA.

18/07/2016 06:14:32 PM

Critical Server Load server

Disk space: 248.1Gb/250Gb. Control panel.

18/07/2016 06:14:32 PM

Settings

Notification Settings