<div class="default">
  default
</div>

<div class="default highlighted">
  default highlighted
</div>
.highlighted {
  $highlighted-size: 30px;
}

.default {
  $default-size: 10px;
  @if variable-exists(highlighted-size) {
    font-size: $highlighted-size;
  }
  @else {
    font-size: $default-size;
  }
}
View Compiled

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.