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;

.a…


This content originally appeared on DEV Community and was authored by Adrian Matei

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.


This content originally appeared on DEV Community and was authored by Adrian Matei


Print Share Comment Cite Upload Translate Updates
APA

Adrian Matei | Sciencx (2022-02-04T08:41:01+00:00) How to define and use variables in sass. Retrieved from https://www.scien.cx/2022/02/04/how-to-define-and-use-variables-in-sass/

MLA
" » How to define and use variables in sass." Adrian Matei | Sciencx - Friday February 4, 2022, https://www.scien.cx/2022/02/04/how-to-define-and-use-variables-in-sass/
HARVARD
Adrian Matei | Sciencx Friday February 4, 2022 » How to define and use variables in sass., viewed ,<https://www.scien.cx/2022/02/04/how-to-define-and-use-variables-in-sass/>
VANCOUVER
Adrian Matei | Sciencx - » How to define and use variables in sass. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2022/02/04/how-to-define-and-use-variables-in-sass/
CHICAGO
" » How to define and use variables in sass." Adrian Matei | Sciencx - Accessed . https://www.scien.cx/2022/02/04/how-to-define-and-use-variables-in-sass/
IEEE
" » How to define and use variables in sass." Adrian Matei | Sciencx [Online]. Available: https://www.scien.cx/2022/02/04/how-to-define-and-use-variables-in-sass/. [Accessed: ]
rf:citation
» How to define and use variables in sass | Adrian Matei | Sciencx | https://www.scien.cx/2022/02/04/how-to-define-and-use-variables-in-sass/ |

Please log in to upload a file.



There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.

Related Posts