Table of Contents

URL: https://www.progressiverobot.com/sass-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

sass illustration for: Result

The above snippet will yield the following CSS:

				
					
.box {

  background-color: #FF8100;

  border: 4px dashed yellow;

}