Generated by SassMeister.com.

SassMeister-input.scss

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


// Variablesc

$main-text-size: 2em;



// End variables




@mixin button($br: 4px, $bc: red ) {
  border: 1px solid rgba(0,0,0,0.5);
  border-radius: $br;
  font-size: 3em;
  background-color: $bc;
  
  a {
    text-decoration: underline;  
  }
}



.button-green {
  @include button($br: 10px, $bc: green);
}

.button-yellow {
  
}


.basic-title {
  text-decoration: underline;
  color: green;
}

.introduction {
  background-color: red;
  font-size: $main-text-size;
  @extend .basic-title;  
}

.content {
  font-size: $main-text-size;
}

#header {
  @extend .basic-title;
}

SassMeister-output.css

.button-green {
  border: 1px solid rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  font-size: 3em;
  background-color: green;
}

.button-green a {
  text-decoration: underline;
}

.basic-title, .introduction, #header {
  text-decoration: underline;
  color: green;
}

.introduction {
  background-color: red;
  font-size: 2em;
}

.content {
  font-size: 2em;
}