CSS: Margins and Paddings classes

index.css

.m-l{margin-left: 15px}
.m-l-none{margin-left: 0}
.m-l-mini{margin-left: 5px;}
.m-l-small{margin-left: 10px;}
.m-l-large{margin-left: 20px;}
.m-l-n{margin-left: -15px}
.m-l-n-mini{margin-left: -5px}
.m-l-n-small{margin-left: -10px}
.m-l-n-large{margin-left: -20px}

.m-t{margin-top: 15px}
.m-t-none{margin-top:0}
.m-t-mini{margin-top: 5px;}
.m-t-small{margin-top: 10px;}
.m-t-large{margin-top: 20px;}
.m-t-n{margin-top: -15px}
.m-t-n-xmini{margin-top: -1px}
.m-t-n-mini{margin-top: -5px}
.m-t-n-small{margin-top: -10px}
.m-t-n-large{margin-top: -20px}

.m-r{margin-right: 15px}
.m-r-none{margin-right: 0}
.m-r-mini{margin-right: 5px}
.m-r-small{margin-right: 10px}
.m-r-large{margin-right: 20px}
.m-r-n{margin-right: -15px}
.m-r-n-mini{margin-right: -5px}
.m-r-n-small{margin-right: -10px}
.m-r-n-large{margin-right: -20px}

.m-b{margin-bottom: 15px;}
.m-b-none{margin-bottom: 0}
.m-b-mini{margin-bottom: 5px;}
.m-b-small{margin-bottom: 10px;}
.m-b-large{margin-bottom: 20px;}
.m-b-n{margin-bottom: -15px}
.m-b-n-mini{margin-bottom: -5px}
.m-b-n-small{margin-bottom: -10px}
.m-b-n-large{margin-bottom: -20px}

.p-l{padding-left: 15px}
.p-l-none{padding-left: 0}
.p-l-mini{padding-left: 5px;}
.p-l-small{padding-left: 10px;}
.p-l-large{padding-left: 20px;}
.p-l-n{padding-left: -15px}
.p-l-n-mini{padding-left: -5px}
.p-l-n-small{padding-left: -10px}
.p-l-n-large{padding-left: -20px}

.p-t{padding-top: 15px}
.p-t-none{padding-top:0}
.p-t-mini{padding-top: 5px;}
.p-t-small{padding-top: 10px;}
.p-t-large{padding-top: 20px;}
.p-t-n{padding-top: -15px}
.p-t-n-xmini{padding-top: -1px}
.p-t-n-mini{padding-top: -5px}
.p-t-n-small{padding-top: -10px}
.p-t-n-large{padding-top: -20px}

.p-r{padding-right: 15px}
.p-r-none{padding-right: 0}
.p-r-mini{padding-right: 5px}
.p-r-small{padding-right: 10px}
.p-r-large{padding-right: 20px}
.p-r-n{padding-right: -15px}
.p-r-n-mini{padding-right: -5px}
.p-r-n-small{padding-right: -10px}
.p-r-n-large{padding-right: -20px}

.p-b{padding-bottom: 15px;}
.p-b-none{padding-bottom: 0}
.p-b-mini{padding-bottom: 5px;}
.p-b-small{padding-bottom: 10px;}
.p-b-large{padding-bottom: 20px;}
.p-b-n{padding-bottom: -15px}
.p-b-n-mini{padding-bottom: -5px}
.p-b-n-small{padding-bottom: -10px}
.p-b-n-large{padding-bottom: -20px}

Nice 👍