/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

9 votes144 views3 answers
Set whole website background image
CSS
0 vote152 views1 answer
React wrapper component
CSS
6 votes152 views2 answers
Css border opacity
CSS
0 vote182 views1 answer
Css contour
CSS
1 vote152 views2 answers
Css button style rectangle
CSS
0 vote128 views1 answer
Build a responsive real world website from scratch html css
CSS
8 votes149 views2 answers
Html how to change highlight color
CSS
5 votes148 views5 answers
Css disable zoom on mobile
CSS
0 vote140 views1 answer
Css broken image has top margin?
CSS
39 votes149 views4 answers
Css z-index
CSS