<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
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.