zhdk/madek

/**
 * Spaces can be used to modify the spacing between objects.
 * The class names have the format (type)(sides)(space), resulting in classes like
 * .pvs (padding, vertical, small), .mhl (margin, horizontal, large), etc.
 *
 * p, m = padding, margin
 * a, t, r, b, l, h, v = all, top, right, bottom, left, horizontal, vertical
 * x, s, m, l = spaces
 *
 * x - Extra small space
 * s - Small space
 * m - Medium space
 * l - Large space
 * h - Huge space
 * n - No space
 *
 * Styleguide 1.2

/*
 * Should be used to modify the default spacing between objects (not between nodes of the same object)
 * a, t, r, b, l, h, v = all,top,right,bottom,left,horizontal,vertical
 * x, s, m, l, n       = space-x, space-s, space-m, space-l, none
 * p, m                = padding,margin
.ptn, .pvn, .pan
  padding-top: 0 !important

.ptx, .pvx, .pax
  padding-top: $space-x !important

.pts, .pvs, .pas
  padding-top: $space-s !important

.ptm, .pvm, .pam
  padding-top: $space-m !important

.ptl, .pvl, .pal
  padding-top: $space-l !important

.pth, .pvh, .pah
  padding-top: $space-h !important

.prn, .phn, .pan
  padding-right: 0 !important

.prx, .phx, .pax
  padding-right: $space-x !important

.prs, .phs, .pas
  padding-right: $space-s !important

.prm, .phm, .pam
  padding-right: $space-m !important

.prl, .phl, .pal
  padding-right: $space-l !important

.prh, .phh, .pah
  padding-right: $space-h !important

.pbn, .pvn, .pan
  padding-bottom: 0 !important

.pbx, .pvx, .pax
  padding-bottom: $space-x !important

.pbs, .pvs, .pas
  padding-bottom: $space-s !important

.pbm, .pvm, .pam
  padding-bottom: $space-m !important

.pbl, .pvl, .pal
  padding-bottom: $space-l !important

.pbh, .pvh, .pah
  padding-bottom: $space-h !important

.pln, .phn, .pan
  padding-left: 0 !important

.plx, .phx, .pax
  padding-left: $space-x !important

.pls, .phs, .pas
  padding-left: $space-s !important

.plm, .phm, .pam
  padding-left: $space-m !important

.pll, .phl, .pal
  padding-left: $space-l !important

.plh, .phh, .pah
  padding-left: $space-h !important

.mtn, .mvn, .man
  margin-top: 0px !important

.mtx, .mvx, .max
  margin-top: $space-x !important

.mts, .mvs, .mas
  margin-top: $space-s !important

.mtm, .mvm, .mam
  margin-top: $space-m !important

.mtl, .mvl, .mal
  margin-top: $space-l !important

.mth, .mvh, .mah
  margin-top: $space-h !important

.mrn, .mhn, .man
  margin-right: 0px !important

.mrx, .mhx, .max
  margin-right: $space-x !important

.mrs, .mhs, .mas
  margin-right: $space-s !important

.mrm, .mhm, .mam
  margin-right: $space-m !important

.mrl, .mhl, .mal
  margin-right: $space-l !important

.mrh, .mhh, .mah
  margin-right: $space-h !important

.mbn, .mvn, .man
  margin-bottom: 0px !important

.mbx, .mvx, .max
  margin-bottom: $space-x !important

.mbs, .mvs, .mas
  margin-bottom: $space-s !important

.mbm, .mvm, .mam
  margin-bottom: $space-m !important

.mbl, .mvl, .mal
  margin-bottom: $space-l !important

.mbh, .mvh, .mah
  margin-bottom: $space-h !important

.mln, .mhn, .man
  margin-left: 0px !important

.mlx, .mhx, .max
  margin-left: $space-x !important

.mls, .mhs, .mas
  margin-left: $space-s !important

.mlm, .mhm, .mam
  margin-left: $space-m !important

.mll, .mhl, .mal
  margin-left: $space-l !important

.mlh, .mhh, .mah
  margin-left: $space-h !important