Generated by SassMeister.com.

SassMeister-input.scss

// ----
// Sass (v3.3.0.rc.1)
// Compass (v0.13.alpha.7)
// ----

@mixin margin($margin) {
    @if length($margin) == 1 {
        margin: $margin+px;
        margin: $margin/10+rem;
    }
    @if length($margin) == 2 {
        margin: nth($margin, 1)+px nth($margin, 2)+px;
        margin: nth($margin, 1)*0.1+rem nth($margin, 2)*0.1+rem;
    }
    @if length($margin) == 3 {
        margin: nth($margin, 1)+px nth($margin, 2)+px nth($margin, 3)+px;
        margin: nth($margin, 1)*0.1+rem nth($margin, 2)*0.1+rem nth($margin, 3)*0.1+rem;
    }
    @if length($margin) == 4 {
        margin: nth($margin, 1)+px nth($margin, 2)+px nth($margin, 3)+px nth($margin, 4)+px;
        margin: nth($margin, 1)*0.1+rem nth($margin, 2)*0.1+rem nth($margin, 3)*0.1+rem nth($margin, 4)*0.1+rem;
    }
}
@mixin padding($padding) {
    @if length($padding) == 1 {
        padding: $padding+px;
        padding: $padding/10+rem;
    }
    @if length($padding) == 2 {
        padding: nth($padding, 1)+px nth($padding, 2)+px;
        padding: nth($padding, 1)*0.1+rem nth($padding, 2)*0.1+rem;
    }
    @if length($padding) == 3 {
        padding: nth($padding, 1)+px nth($padding, 2)+px nth($padding, 3)+px;
        padding: nth($padding, 1)*0.1+rem nth($padding, 2)*0.1+rem nth($padding, 3)*0.1+rem;
    }
    @if length($padding) == 4 {
        padding: nth($padding, 1)+px nth($padding, 2)+px nth($padding, 3)+px nth($padding, 4)+px;
        padding: nth($padding, 1)*0.1+rem nth($padding, 2)*0.1+rem nth($padding, 3)*0.1+rem nth($padding, 4)*0.1+rem;
    }
}
.test1 {
    @include margin(24);
    @include padding(24);
}
.test2 {
    @include margin(24 12);
    @include padding(24 12);
}
.test3 {
    @include margin(24 12 12);
    @include padding(24 12 12);
}
.test4 {
    @include margin(12 18 24 12);
    @include padding(12 18 24 12);
}

SassMeister-output.css

.test1 {
  margin: 24px;
  margin: 2.4rem;
  padding: 24px;
  padding: 2.4rem;
}

.test2 {
  margin: 24px 12px;
  margin: 2.4rem 1.2rem;
  padding: 24px 12px;
  padding: 2.4rem 1.2rem;
}

.test3 {
  margin: 24px 12px 12px;
  margin: 2.4rem 1.2rem 1.2rem;
  padding: 24px 12px 12px;
  padding: 2.4rem 1.2rem 1.2rem;
}

.test4 {
  margin: 12px 18px 24px 12px;
  margin: 1.2rem 1.8rem 2.4rem 1.2rem;
  padding: 12px 18px 24px 12px;
  padding: 1.2rem 1.8rem 2.4rem 1.2rem;
}