/* Padding & Margin helpers
First letter is M for margin or P for padding
Second letter indicates the direction
    - a for all
    - l for left
    - r for right
    - b for bottom
    - t for top
    - v for vertical
    - h for horizontal
Third letter is for the size of the padding
    - n  for 0
    - xs for 5px
    - s  for 10px
    - m  for 15px
    - l  for 20px
    - xl for 30px
$example: .pam ---> padding all medium
/* CSS variables */
$pm_N: 0;
$pm_XXS: 2px;
$pm_XS: 5px;
$pm_S: 10px;
$pm_M: 15px;
$pm_L: 20px;
$pm_XL: 30px;
// Padding none
.pan,.pvn,.ptn {padding-top: $pm_N !important}
.pan,.phn,.prn {padding-right: $pm_N !important}
.pan,.pvn,.pbn {padding-bottom: $pm_N !important}
.pan,.phn,.pln {padding-left: $pm_N !important}
// Padding extra extra small
.paxxs,.pvxxs,.ptxxs{padding-top:$pm_XXS !important}
.paxxs,.phxxs,.prxxs{padding-right:$pm_XXS !important}
.paxxs,.pvxxs,.pbxxs{padding-bottom:$pm_XXS !important}
.paxxs,.phxxs,.plxxs{padding-left:$pm_XXS !important}
// Padding extra small
.paxs,.pvxs,.ptxs{padding-top:$pm_XS !important}
.paxs,.phxs,.prxs{padding-right:$pm_XS !important}
.paxs,.pvxs,.pbxs{padding-bottom:$pm_XS !important}
.paxs,.phxs,.plxs{padding-left:$pm_XS !important}
// Padding small
.pas,.pvs,.pts{padding-top:$pm_S !important}
.pas,.phs,.prs{padding-right:$pm_S !important}
.pas,.pvs,.pbs{padding-bottom:$pm_S !important}
.pas,.phs,.pls{padding-left:$pm_S !important}
// Padding medium
.pam,.pvm,.ptm{padding-top:$pm_M !important}
.pam,.phm,.prm{padding-right:$pm_M !important}
.pam,.pvm,.pbm{padding-bottom:$pm_M !important}
.pam,.phm,.plm{padding-left:$pm_M !important}
// Padding large
.pal,.pvl,.ptl{padding-top:$pm_L !important}
.pal,.phl,.prl{padding-right:$pm_L !important}
.pal,.pvl,.pbl{padding-bottom:$pm_L !important}
.pal,.phl,.pll{padding-left:$pm_L !important}
// Padding extra large
.paxl,.pvxl,.ptxl{padding-top:$pm_XL !important}
.paxl,.phxl,.prxl{padding-right:$pm_XL !important}
.paxl,.pvxl,.pbxl{padding-bottom:$pm_XL !important}
.paxl,.phxl,.plxl{padding-left:$pm_XL !important}

// Margin none
.man,.mvn,.mtn {margin-top: $pm_N !important}
.man,.mhn,.mrn {margin-right: $pm_N !important}
.man,.mvn,.mbn {margin-bottom: $pm_N !important}
.man,.mhn,.mln {margin-left: $pm_N !important}
// Margin extra extra small
.maxxs,.mvxxs,.mtxxs{margin-top:$pm_XXS !important}
.maxxs,.mhxxs,.mrxxs{margin-right:$pm_XXS !important}
.maxxs,.mvxxs,.mbxxs{margin-bottom:$pm_XXS !important}
.maxxs,.mhxxs,.mlxxs{margin-left:$pm_XXS !important}
// Margin extra small
.maxs,.mvxs,.mtxs{margin-top:$pm_XS !important}
.maxs,.mhxs,.mrxs{margin-right:$pm_XS !important}
.maxs,.mvxs,.mbxs{margin-bottom:$pm_XS !important}
.maxs,.mhxs,.mlxs{margin-left:$pm_XS !important}
// Margin small
.mas,.mvs,.mts{margin-top:$pm_S !important}
.mas,.mhs,.mrs{margin-right:$pm_S !important}
.mas,.mvs,.mbs{margin-bottom:$pm_S !important}
.mas,.mhs,.mls{margin-left:$pm_S !important}
// Margin medium
.mam,.mvm,.mtm{margin-top:$pm_M !important}
.mam,.mhm,.mrm{margin-right:$pm_M !important}
.mam,.mvm,.mbm{margin-bottom:$pm_M !important}
.mam,.mhm,.mlm{margin-left:$pm_M !important}
// Margin large
.mal,.mvl,.mtl{margin-top:$pm_L !important}
.mal,.mhl,.mrl{margin-right:$pm_L !important}
.mal,.mvl,.mbl{margin-bottom:$pm_L !important}
.mal,.mhl,.mll{margin-left:$pm_L !important}
// Margin extra large
.maxl,.mvxl,.mtxl{margin-top:$pm_XL !important}
.maxl,.mhxl,.mrxl{margin-right:$pm_XL !important}
.maxl,.mvxl,.mbxl{margin-bottom:$pm_XL !important}
.maxl,.mhxl,.mlxl{margin-left:$pm_XL !important}
// Add border for testing
.bdr {border: 1px red solid}
// Other
.left {float: left;}
.right {float: right}

.lnk {cursor:pointer;}