Skip to content

Instantly share code, notes, and snippets.

@pierreburel
Created June 23, 2015 13:23
Show Gist options
  • Save pierreburel/fd41a7cb755daf7a2d82 to your computer and use it in GitHub Desktop.
Save pierreburel/fd41a7cb755daf7a2d82 to your computer and use it in GitHub Desktop.
Generated by SassMeister.com.
// ----
// libsass (v3.2.5)
// ----
@each $p, $property in (b: border, p: padding, m: margin) {
@each $v, $value in (n: 0, s: 10px, m: 20px, l: 30px) {
@each $d, $direction in (t: top, b: bottom) {
.#{$p}#{$d}#{$v} {
#{$property}-#{$direction}: #{$value};
}
}
.#{$p}v#{$v} {
@extend .#{$p}t#{$v}, .#{$p}b#{$v};
}
}
}
.btn, .bvn {
border-top: 0;
}
.bbn, .bvn {
border-bottom: 0;
}
.bts, .bvs {
border-top: 10px;
}
.bbs, .bvs {
border-bottom: 10px;
}
.btm, .bvm {
border-top: 20px;
}
.bbm, .bvm {
border-bottom: 20px;
}
.btl, .bvl {
border-top: 30px;
}
.bbl, .bvl {
border-bottom: 30px;
}
.ptn, .pvn {
padding-top: 0;
}
.pbn, .pvn {
padding-bottom: 0;
}
.pts, .pvs {
padding-top: 10px;
}
.pbs, .pvs {
padding-bottom: 10px;
}
.ptm, .pvm {
padding-top: 20px;
}
.pbm, .pvm {
padding-bottom: 20px;
}
.ptl, .pvl {
padding-top: 30px;
}
.pbl, .pvl {
padding-bottom: 30px;
}
.mtn, .mvn {
margin-top: 0;
}
.mbn, .mvn {
margin-bottom: 0;
}
.mts, .mvs {
margin-top: 10px;
}
.mbs, .mvs {
margin-bottom: 10px;
}
.mtm, .mvm {
margin-top: 20px;
}
.mbm, .mvm {
margin-bottom: 20px;
}
.mtl, .mvl {
margin-top: 30px;
}
.mbl, .mvl {
margin-bottom: 30px;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment