CODEWITHSUNDEEP
angularsass
Emad
Emad

Reputation: 73

Import scss file into other scss file in angular project?

enter image description here

As you can see that I want to import share-styles.scss file in 3 upper level .scss files. I don't know how can I do it.

Please help.

Upvotes: 1

Views: 6518

Answers (2)

Ted Kolker
Ted Kolker

Reputation: 76

You can add it in styles in the file angular.json

 "styles" : [
      "../share-styles", /*your file*/
      "src/styles.scss" /*defoult file*/
]

Upvotes: 0

SnorreDan
SnorreDan

Reputation: 2910

In arriving.component.scss, you need to go one step up, like this:

@import '../share-styles';

In routine-delivered.component.scss and routine-saleslog.component.scss it should be one step up and then one step down, so like this:

@import '../trade-in-log/share-styles';

Just add these import statements to the top of your scss files, and you should be able to access the variables from share-styles.scss

Upvotes: 4

Related Questions