Generated by SassMeister.com.

SassMeister-input.scss

// ----
// libsass (v3.3.2)
// ----

// measurements.scss
$radius: 5px;

// fonts.scss
$fontWeight--bold: 700;

// widget.scss
.widget {
  $backgroundColor: #fff;
  $borderRadius: $radius;
  $color: #000;
  $color--fancy: #d24dc4;

  color: $color;
  background-color: $backgroundColor;
  border-radius: $borderRadius;
  
  &__title {
    font-weight: $fontWeight--bold;
  }

  &--fancy {
    color: $color--fancy;
  }
}

SassMeister-output.css

.widget {
  color: #000;
  background-color: #fff;
  border-radius: 5px;
}

.widget__title {
  font-weight: 700;
}

.widget--fancy {
  color: #d24dc4;
}