Generated by SassMeister.com.

SassMeister-input-HTML.html

<div class="box"></div>
<div class="rounded-box"></div>
<div class="circle"></div>

SassMeister-input.scss

// ----
// libsass (v3.2.5)
// ----

@mixin shape($radius, $color, $size: 150px) {
  background-color: $color;
  border-radius: $radius;
  width: $size;
  height: $size;
}

@mixin spacing($margin: 20px) {
  margin: $margin;
  float: left;
}

.box {
  @include shape(0, #d32);
  @include spacing();
}

.rounded-box {
  @include shape(20px, #eddd23);
  @include spacing();
}

.circle {
  @include shape(75px, pink);
  @include spacing();

}

SassMeister-output.css

.box {
  background-color: #d32;
  border-radius: 0;
  width: 150px;
  height: 150px;
  margin: 20px;
  float: left;
}

.rounded-box {
  background-color: #eddd23;
  border-radius: 20px;
  width: 150px;
  height: 150px;
  margin: 20px;
  float: left;
}

.circle {
  background-color: pink;
  border-radius: 75px;
  width: 150px;
  height: 150px;
  margin: 20px;
  float: left;
}

SassMeister-rendered.html

<div class="box"></div>
<div class="rounded-box"></div>
<div class="circle"></div>