How to define and use variables in sass

Use the $ sign to define the variable $variable_name: variable_value. Below we define anthracite-gray colour in the _colors.scss file used in the Codever project. Then we reference the variable in the class definition:

$anthracite-gray: #4A5054;

.anthracite-gray {
  color: $anthracite-gray;
}

Reference -

https://sass-lang.com/documentation/variables

Shared with ❤️ from Codever. Use 👉 copy to mine functionality to add it to your personal snippets collection.