Skip to content

Instantly share code, notes, and snippets.

@souporserious
Created February 21, 2016 08:28
Show Gist options
  • Save souporserious/45f25082a501e489e632 to your computer and use it in GitHub Desktop.
Save souporserious/45f25082a501e489e632 to your computer and use it in GitHub Desktop.
Generated by SassMeister.com.
// ----
// libsass (v3.2.5)
// ----
$margin-base: 15;
$scale: 3;
@for $i from 1 through 3 {
$margin: $margin-base/$i;
.m-#{$i} {
margin: $margin;
}
.mt-#{$i} {
margin-top: $margin;
}
.mr-#{$i} {
margin-right: $margin;
}
.mb-#{$i} {
margin-bottom: $margin;
}
.ml-#{$i} {
margin-left: $margin;
}
}
.m-1 {
margin: 15;
}
.mt-1 {
margin-top: 15;
}
.mr-1 {
margin-right: 15;
}
.mb-1 {
margin-bottom: 15;
}
.ml-1 {
margin-left: 15;
}
.m-2 {
margin: 7.5;
}
.mt-2 {
margin-top: 7.5;
}
.mr-2 {
margin-right: 7.5;
}
.mb-2 {
margin-bottom: 7.5;
}
.ml-2 {
margin-left: 7.5;
}
.m-3 {
margin: 5;
}
.mt-3 {
margin-top: 5;
}
.mr-3 {
margin-right: 5;
}
.mb-3 {
margin-bottom: 5;
}
.ml-3 {
margin-left: 5;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment