Skip to content

Instantly share code, notes, and snippets.

@adamsir
Last active August 29, 2015 14:20
Show Gist options
  • Save adamsir/a01ff8cdcf7d647adc53 to your computer and use it in GitHub Desktop.
Save adamsir/a01ff8cdcf7d647adc53 to your computer and use it in GitHub Desktop.
Generated by SassMeister.com.
// ----
// libsass (v3.1.0)
// ----
// ==========================================================================
// Title: Spacing module
// ==========================================================================
$rem-base: 16px;
// 13px / 16px
@function strip-units($number) {
@return $number / ($number * 0 + 1);
}
@function make-rem($size) {
$size-base: strip-units($rem-base);
@return ($size/ $size-base) + 'rem';
}
@mixin create-spacing($count: 50) {
@for $i from 1 through $count {
.mt-#{$i} {
margin-top: make-rem(#{$i});
}
}
}
@include create-spacing();
.mt-1 {
margin-top: 1/16rem; }
.mt-2 {
margin-top: 2/16rem; }
.mt-3 {
margin-top: 3/16rem; }
.mt-4 {
margin-top: 4/16rem; }
.mt-5 {
margin-top: 5/16rem; }
.mt-6 {
margin-top: 6/16rem; }
.mt-7 {
margin-top: 7/16rem; }
.mt-8 {
margin-top: 8/16rem; }
.mt-9 {
margin-top: 9/16rem; }
.mt-10 {
margin-top: 10/16rem; }
.mt-11 {
margin-top: 11/16rem; }
.mt-12 {
margin-top: 12/16rem; }
.mt-13 {
margin-top: 13/16rem; }
.mt-14 {
margin-top: 14/16rem; }
.mt-15 {
margin-top: 15/16rem; }
.mt-16 {
margin-top: 16/16rem; }
.mt-17 {
margin-top: 17/16rem; }
.mt-18 {
margin-top: 18/16rem; }
.mt-19 {
margin-top: 19/16rem; }
.mt-20 {
margin-top: 20/16rem; }
.mt-21 {
margin-top: 21/16rem; }
.mt-22 {
margin-top: 22/16rem; }
.mt-23 {
margin-top: 23/16rem; }
.mt-24 {
margin-top: 24/16rem; }
.mt-25 {
margin-top: 25/16rem; }
.mt-26 {
margin-top: 26/16rem; }
.mt-27 {
margin-top: 27/16rem; }
.mt-28 {
margin-top: 28/16rem; }
.mt-29 {
margin-top: 29/16rem; }
.mt-30 {
margin-top: 30/16rem; }
.mt-31 {
margin-top: 31/16rem; }
.mt-32 {
margin-top: 32/16rem; }
.mt-33 {
margin-top: 33/16rem; }
.mt-34 {
margin-top: 34/16rem; }
.mt-35 {
margin-top: 35/16rem; }
.mt-36 {
margin-top: 36/16rem; }
.mt-37 {
margin-top: 37/16rem; }
.mt-38 {
margin-top: 38/16rem; }
.mt-39 {
margin-top: 39/16rem; }
.mt-40 {
margin-top: 40/16rem; }
.mt-41 {
margin-top: 41/16rem; }
.mt-42 {
margin-top: 42/16rem; }
.mt-43 {
margin-top: 43/16rem; }
.mt-44 {
margin-top: 44/16rem; }
.mt-45 {
margin-top: 45/16rem; }
.mt-46 {
margin-top: 46/16rem; }
.mt-47 {
margin-top: 47/16rem; }
.mt-48 {
margin-top: 48/16rem; }
.mt-49 {
margin-top: 49/16rem; }
.mt-50 {
margin-top: 50/16rem; }
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment