Generated by SassMeister.com.

SassMeister-input-HTML.html

<div class="box1"></div>
<div class="box2"></div>
<div class="box"></div>

SassMeister-input.scss

// ----
// Sass (v3.3.8)
// Compass (v1.0.0.alpha.19)
// ----

$color: green;

@mixin rounded($radius, $color) {
  background-color: $color;
  border-radius: $radius;
  width:100px;
  height:100px;
  margin:10px 0;
}

.box1 {
  @include rounded(20px, red);
}

.box2 {
  @include rounded(50px, blue);
}
.box {
  @include rounded(50px, $color);
}

SassMeister-output.css

.box1 {
  background-color: red;
  border-radius: 20px;
  width: 100px;
  height: 100px;
  margin: 10px 0;
}

.box2 {
  background-color: blue;
  border-radius: 50px;
  width: 100px;
  height: 100px;
  margin: 10px 0;
}

.box {
  background-color: green;
  border-radius: 50px;
  width: 100px;
  height: 100px;
  margin: 10px 0;
}

SassMeister-rendered.html

<div class="box1"></div>
<div class="box2"></div>
<div class="box"></div>