Default Spaces for CSS

_spaces.css.scss

// Settings
$space-xx-small: 1px
$space-x-small:  3px
$space-small:    5px
$space-medium:   10px
$space-large:    20px

// Should be used to modify the default spacing between objects (not between nodes of * the same object)
// p,m = padding,margin
// a,t,r,b,l,h,v = all,top,right,bottom,left,horizontal,vertical
// x,s,m,l,n = extra-small($space-x-small),small($space-small),medium($space-medium),large($space-large),none(0px)

.ptn, .pvn, .pan
  padding-top: 0
.ptx, .pvx, .pax
  padding-top: $space-x-small
.pts, .pvs, .pas
  padding-top: $space-small
.ptm, .pvm, .pam
  padding-top: $space-medium
.ptl, .pvl, .pal
  padding-top: $space-large

.prn, .phn, .pan
  padding-right: 0
.prx, .phx, .pax
  padding-right: $space-x-small
.prs, .phs, .pas
  padding-right: $space-small
.prm, .phm, .pam
  padding-right: $space-medium
.prl, .phl, .pal
  padding-right: $space-large

.pbn, .pvn, .pan
  padding-bottom: 0
.pbx, .pvx, .pax
  padding-bottom: $space-x-small
.pbs, .pvs, .pas
  padding-bottom: $space-small
.pbm, .pvm, .pam
  padding-bottom: $space-medium
.pbl, .pvl, .pal
  padding-bottom: $space-large

.pln, .phn, .pan
  padding-left: 0
.plx, .phx, .pax
  padding-left: $space-x-small
.pls, .phs, .pas
  padding-left: $space-small
.plm, .phm, .pam
  padding-left: $space-medium
.pll, .phl, .pal
  padding-left: $space-large

.mtn, .mvn, .man
  margin-top: 0px
.mtx, .mvx, .max
  margin-top: $space-x-small
.mts, .mvs, .mas
  margin-top: $space-small
.mtm, .mvm, .mam
  margin-top: $space-medium
.mtl, .mvl, .mal
  margin-top: $space-large

.mrn, .mhn, .man
  margin-right: 0
.mrx, .mhx, .max
  margin-right: $space-x-small
.mrs, .mhs, .mas
  margin-right: $space-small
.mrm, .mhm, .mam
  margin-right: $space-medium
.mrl, .mhl, .mal
  margin-right: $space-large

.mbn, .mvn, .man
  margin-bottom: 0
.mbx, .mvx, .max
  margin-bottom: $space-x-small
.mbs, .mvs, .mas
  margin-bottom: $space-small
.mbm, .mvm, .mam
  margin-bottom: $space-medium
.mbl, .mvl, .mal
  margin-bottom: $space-large

.mln, .mhn, .man
  margin-left: 0
.mlx, .mhx, .max
  margin-left: $space-x-small
.mls, .mhs, .mas
  margin-left: $space-small
.mlm, .mhm, .mam
  margin-left: $space-medium
.mll, .mhl, .mal
  margin-left: $space-large