Padding, margins, z-index and Borders

Border-Radius : class .P-br

.P-br2px stands for border-radius : 2px

Supported values for this property are 2px, 4px, 8px, 50p (that stands for 50%)
Class .round can also be used to give round corner on the edges

Padding : class .Pad

Padding classes is an exemption from rule 1 as insted of .P-p it is wriiten as .Pad

.Pad-0px stands for padding : 0px

Supported values for this property are 0px, 8px, 16px, 24px, 56px

Additionally, you can specify padding for each side using folowing classes

.Pad-l0px stands for padding-left : 0px

.Pad-r0px stands for padding-right : 0px

.Pad-t0px stands for padding-top : 0px

.Pad-b0px stands for padding-bottom : 0px

Supported values for each side are 0px, 8px, 16px, 24px and 56px

Margin : class .Mgin

Margin classes is another exemption from rule 1 as insted of .P-m it is wriiten as .Mgin

.Mgin-0px stands for margin : 0px

Supported values for this property are same as padding class values 0px, 8px, 16px, 24px, 56px
Class .center can also be used to give margin : auto to any element same as class .P-ma

Additionally, you can specify margin for each side using folowing classes

.Mgin-l0px stands for margin-left : 0px

.Mgin-r0px stands for margin-right : 0px

.Mgin-t0px stands for margin-top : 0px

.Mgin-b0px stands for margin-bottom : 0px

Supported values for each side are 0px, 8px, 16px, 24px and 56px

If you want to include any changes or more classes. Request through the comments

If you like the Post

Subscribe to newsletter

Get every single post delivered first to you :)

Delivered by FeedBurner

Sharing Is Caring