/CSS/Sass use variables from another file

Sass use variables from another file

//_variables.scss 
$light: #f5f5f5;
$dark: ##2e3033;

//_theme.scss
@import './_variables'; //relative path to file
body {
	background-color: $dark;
}

Sass variables across files

// assets/_master.scss 
$accent: #6D87A7;           
$error: #811702;

Source: stackoverflow.com

Sass variables across files

// When importing the master, you leave out the underscore, and it
// will look for a file with the underscore. This prevents the SCSS
// compiler from generating a CSS file from it.
@import "assets/master";

// Then do the rest of my CSS afterwards:
.text { color: $accent; }

Source: stackoverflow.com

Similar codes

0 vote139 views1 answer
Bootstrap 5 sidebar class
CSS Bootstrap
27 votes104 views6 answers
Animation properties css
CSS
1 vote105 views1 answer
React hide scrollbar
CSS
0 vote99 views1 answer
Add padding to gnome terminal
CSS
36 votes123 views2 answers
First-child
CSS
14 votes113 views4 answers
How to create a strikethrough in css
CSS
1 vote101 views1 answer
Disable checkbox click event
CSS
3 votes185 views1 answer
How to use bulma in gatsby
CSS Bulma
1 vote112 views2 answers
How to make background more darker with css
CSS
15 votes127 views5 answers
Remove horizontal scrollbar css
CSS