Skip to content

Instantly share code, notes, and snippets.

@mmuchin
Created March 7, 2012 17:49
Show Gist options
  • Save mmuchin/1994668 to your computer and use it in GitHub Desktop.
Save mmuchin/1994668 to your computer and use it in GitHub Desktop.
LESS: spacer
/**
* Spacing classes
* Should be used to modify the default spacing between objects (not between nodes of the same object)
* Please use judiciously. You want to be using defaults most of the time, these are exceptions!
* <type><location><size>
*/
/* ====== Default spacing ====== */
/* h1, h2, h3, h4, h5, h6, ul, ol,dl, p,blockquote, .media {margin:10px;}
h1, h2, h3, h4, h5, h6,img{padding-bottom:0px;}
pre{margin: 10px;}
table h1,table h2,table h3, table h4, table h5, table h6, table p, table ul, table ol, table dl{padding:0;}
*/
/* spacing helpers
p,m = padding,margin
a,t,r,b,l,h,v = all,top,right,bottom,left,horizontal,vertical
s,m,l,n = small(5px),medium(10px),large(20px),none(0px)
*/
@small: 5px;
@medium: 10px;
@large: 20px;
@mb_small: @small;
@mb_medium: @medium;
@mb_large: @large;
.ptn,.pvn,.pan{padding-top:0!important;}
.pts,.pvs,.pas{padding-top:@mb_small!important;}
.ptm,.pvm,.pam{padding-top:@mb_medium!important;}
.ptl,.pvl,.pal{padding-top:@mb_large!important;}
.prn,.phn,.pan{padding-right:0!important;}
.prs,.phs,.pas{padding-right:@mb_small!important;}
.prm,.phm,.pam{padding-right:@mb_medium!important;}
.prl,.phl,.pal{padding-right:@mb_large!important;}
.pbn,.pvn,.pan{padding-bottom:0!important;}
.pbs,.pvs,.pas{padding-bottom:@mb_small!important;}
.pbm,.pvm,.pam{padding-bottom:@mb_medium!important;}
.pbl,.pvl,.pal{padding-bottom:@mb_large!important;}
.pln,.phn,.pan{padding-left:0!important;}
.pls,.phs,.pas{padding-left:@mb_small!important;}
.plm,.phm,.pam{padding-left:@mb_medium!important;}
.pll,.phl,.pal{padding-left:@mb_large!important;}
.mtn,.mvn,.man{margin-top:0!important;}
.mts,.mvs,.mas{margin-top:@mb_small!important;}
.mtm,.mvm,.mam{margin-top:@mb_medium!important;}
.mtl,.mvl,.mal{margin-top:@mb_large!important;}
.mrn,.mhn,.man{margin-right:0!important;}
.mrs,.mhs,.mas{margin-right:@mb_small!important;}
.mrm,.mhm,.mam{margin-right:@mb_medium!important;}
.mrl,.mhl,.mal{margin-right:@mb_large!important;}
.mbn,.mvn,.man{margin-bottom:0!important;}
.mbs,.mvs,.mas{margin-bottom:@mb_small!important;}
.mbm,.mvm,.mam{margin-bottom:@mb_medium!important;}
.mbl,.mvl,.mal{margin-bottom:@mb_large!important;}
.mln,.mhn,.man{margin-left:0!important;}
.mls,.mhs,.mas{margin-left:@mb_small!important;}
.mlm,.mhm,.mam{margin-left:@mb_medium!important;}
.mll,.mhl,.mal{margin-left:@mb_large!important;}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment