Topic: Custom Styles in node_modules?
David Kroukamp asked 6 years ago
Damian Gemza staff answered 6 years ago
David Kroukamp commented 6 years ago
Perfect; I thought that might be the case. Thank you! :)Przemysław Ciąćka commented 6 years ago
That's true, custom styles should be added to global styles.scss stylesheet but I can't override any variables defined in MDB scss styles, as far as I know. Am I right? So, if I understand correctly I can override any style using pure CSS?
Arkadiusz Idzikowski staff commented 6 years ago
In order to overwrite variables from the MDB source files you would need to import them first into your global styles.scss file.
Przemysław Ciąćka commented 6 years ago
As in mdb.scss?
Arkadiusz Idzikowski staff commented 6 years ago
You can find more information in skins documentation (creating custom skin section):
https://mdbootstrap.com/docs/angular/css/skins/#custom
Przemysław Ciąćka commented 6 years ago
Yeah, I'm doing it like described in the docs. However it doesn't work as expected, e.g. in ~ng-uikit-pro-standard/assets/scss/core/_variables.scss
there is $btn-padding-x-basic
variable that I'm trying to override but it not works.
Example of my scss file:
Arkadiusz Idzikowski staff commented 6 years ago
Please try with those imports:
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Resolved
- User: Free
- Premium support: No
- Technology: MDB Angular
- MDB Version: 6.2.2
- Device: N/A
- Browser: Chrome
- OS: Windows 10
- Provided sample code: No
- Provided link: Yes