Importing SCSS variables file into CSS module file

Question

I'm trying to import _variables.scss file into a CSS module file to use variables to specify the colors.

_variable.css file:

$mainBlack: #000000;

navigation.module.css file:

@import "../../../commonStyles/_variables.scss";

.Navigation {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: auto;
background-color: $mainBlack;
}

Anybody knows why the color is not being imported and I can't access the $mainBlack color? I've tried using @use but this approach still doesn't work.

gcerni · Accepted Answer · 2020-08-10 14:56:19Z

1

You will need to make your changes on the .scss file, make sure that everything is referenced and then compile your app.scss into app.css. You will need either SASS or Grunt to compile your .scss files.

answered Aug 10, 2020 at 14:56

gcerni

1328 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Importing SCSS variables file into CSS module file

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related