import global variables scss angular
/*in the src/_variables file:*/
$primary-color: blue;
/*in the component you want to use the variable:*/
@use 'src/variables' as c;
.container-fluid {
text-align: center;
background-color: c.$primary-color;
}how to import scss file in angular
In the new angular v6, importing sass files is a little different from the previous version.
I just needed to import like this (in a component stylesheet)
@import "~src/sass/variables"; // note: without file extension
Now everything works fine
Thanks all for the helpCopyright © 2021 Codeinu
Forgot your account's password or having trouble logging into your Account? Don't worry, we'll help you to get back your account. Enter your email address and we'll send you a recovery link to reset your password. If you are experiencing problems resetting your password contact us
