Sass Variables

Use variables in Sass to save and reuse values throughout your code:

$box-bgcolor: #FF8100;
$box-border: 4px dashed yellow;

.box {
  background-color: $box-bgcolor;
  border: $box-border;
}

Result

The above snippet will yield the following CSS:

.box {
  background-color: #FF8100;
  border: 4px dashed yellow;
}