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

Sharing Is Caring