1.css

.error-default {
  color: #f00;
  border: 2px solid #fc0;
}
 
.error-special {
  color: #f00;
  border: 2px solid #fc0;
  background-color: #fcc;
}

1.scss

@mixin error {
  color: #f00;
  border: 2px solid #fc0;
}
 
.error-default {
  @include error;
}
 
.error-special {
  @include error;
  background-color: #fcc;
}

2.css

.error, .error-default, .error-special {
  color: #f00;
  border: 2px solid #fc0;
}
 
.error-special {
  background-color: #fcc;
}

2.scss

.error {
  color: #f00;
  border: 2px solid #fc0;
}
 
.error-default {
  @extend error;
}
 
.error-special {
  @extend error;
  background-color: #fcc;
}

3.css

.error-default, .error-special {
  color: #f00;
  border: 2px solid #fc0;
}
 
.error-special {
  background-color: #fcc;
}

3.scss

@abstract error {
  color: #f00;
  border: 2px solid #fc0;
}
 
.error-default {
  @extend error;
}
 
.error-special {
  @extend error;
  background-color: #fcc;
}

4.css

#content table.hl {
  margin: 2em 0;
}
 
#content table.hl td.ln {
  text-align: right;
}

4.scss

#content {
 
  table.hl {
    margin: 2em 0;
 
    td.ln {
      text-align: right;
    }

  }

}