Topic: moving mdb imports from styles.scss to angular.json file

SourceCorrect1 priority asked 3 years ago


Expected behavior

when i move below imports from styles.scss to angular.json, the application is getting messed up,

this is how my imports look like in styles.scss

@import '~@fortawesome/fontawesome-free/scss/fontawesome.scss'; @import '~@fortawesome/fontawesome-free/scss/solid.scss'; @import '~@fortawesome/fontawesome-free/scss/regular.scss'; @import '~@fortawesome/fontawesome-free/scss/brands.scss'; @import '~mdb-angular-ui-kit/assets/scss/mdb.scss';

this is how my style section looks like in angular.json

"styles": [ "node_modules/@fortawesome/fontawesome-free/scss/fontawesome.scss", "node_modules/@fortawesome/fontawesome-free/scss/solid.scss", "node_modules/@fortawesome/fontawesome-free/scss/regular.scss", "node_modules/@fortawesome/fontawesome-free/scss/brands.scss", "node_modules/mdb-angular-ui-kit/assets/scss/mdb.scss", "src/styles.scss" ],

Actual behavior

I want to remove 1 2 numbered steps styles (stepper-head-icon) from mdb-stepper when I am trying to apply styles in the respective component style sheet the styles are not getting applied, but when i move the very same styles to scss file it s getting applied. so i don't want to change the styles for a complete application.

Resources (screenshots, code snippets etc.)


Arkadiusz Idzikowski staff commented 3 years ago

@SourceCorrect1 Please check if you added the imports to the proper styles array inside the angular.json file. In this file there are usually configuration objects for different projects, you should add imports to the styles array in an object named the same as the project in which you use our library.



Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Opened

Specification of the issue

  • ForumUser: Priority
  • Premium support: Yes
  • Technology: MDB Angular
  • MDB Version: MDB5 1.0.0
  • Device: desktop
  • Browser: chrome
  • OS: windows
  • Provided sample code: No
  • Provided link: No