TYPOGRAPHY

Add this to your head section, make sure it is last .css file linked.

  1. create a .css file withthe lavish css in it - call it lavish-theme.css
  2. in your link to that file in your .htm file as shown below

Active Color

Element

Class

Output


Font 12 min Def : 2px

.font-12

Hello World!

Font 40 mix

.font-40

Hello World!

Width 100 min Def : 100px

.width-100

Hello World!


Width 500 mix

.width-500

Hello World!

Border Top

.theme-bdr-top

Hello World!

Border Bottom

.theme-bdr-bottom

Hello World!

Hr 40 min

.theme-hr-40


Hr 90 mix

.theme-hr-90


Font Color

.theme-f-clr

Hello world!

Padding 5 Def : 5px

.padding-5


Margin 5 Def : 5px

.margin-5

Hello World!

Button

.theme-btn


Background Color

.theme-bg

Hello World!

Font Regular

.theme-f-r

Hello World!

Font Medium

.theme-f-m

Hello World!

Font Bold

.theme-f-b

Hello World!

Model Header

.theme-bg


Model Footer

.theme-bg


Check Small


Check Medium