DEV Community

Cover image for How to define and use variables in sass
Adrian Matei for Codever

Posted on • Edited on • Originally published at codever.dev

2 1

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;
}
Enter fullscreen mode Exit fullscreen mode


Reference -

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


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

Top comments (0)

Billboard image

The Next Generation Developer Platform

Coherence is the first Platform-as-a-Service you can control. Unlike "black-box" platforms that are opinionated about the infra you can deploy, Coherence is powered by CNC, the open-source IaC framework, which offers limitless customization.

Learn more