Skip to content

Instantly share code, notes, and snippets.

@fimdomeio
Created December 8, 2016 12:31
Show Gist options
  • Save fimdomeio/84d3df1d936dd747b4c2401c64d7f364 to your computer and use it in GitHub Desktop.
Save fimdomeio/84d3df1d936dd747b4c2401c64d7f364 to your computer and use it in GitHub Desktop.
Auto Margins and Paddings
@mm: 15px;
@lm: 30px;
@xlm: @mm*5;
.mmt {
margin-top: @mm !important;
}
.mmr {
margin-right: @mm !important;
}
.mmb {
margin-bottom: @mm !important;
}
.mml {
margin-left: @mm !important;
}
.lmt {
margin-top: @lm !important;
}
.lmr {
margin-right: @lm !important;
}
.lmb {
margin-bottom: @lm !important;
}
.lml {
margin-left: @lm !important;
}
.xlmt {
margin-top: @xlm !important;
}
.xlmr {
margin-right: @xlm !important;
}
.xlmb {
margin-bottom: @xlm !important;
}
.xlml {
margin-left: @xlm !important;
}
.mpt {
padding-top: @mm !important;
}
.mpr {
padding-right: @mm !important;
}
.mpb {
padding-bottom: @mm !important;
}
.mpl {
padding-left: @mm !important;
}
.lpt {
padding-top: @lm !important;
}
.lpr {
padding-right: @lm !important;
}
.lpb {
padding-bottom: @lm !important;
}
.lpl {
padding-left: @lm !important;
}
.xlpt {
padding-top: @xlm !important;
}
.xlpr {
padding-right: @xlm !important;
}
.xlmb {
padding-bottom: @xlm !important;
}
.xlpl {
padding-left: @xlm !important;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment