Topic: Non Bootstrap Standard SCSS file?
Greetings; I am trying to use a third-party product (DevExpress/DevExtreme) to create a custom DevExtreme Theme to integrate with my MDBootstrap site.
They have an application which takes a _variables.scss file and creates a new stylesheet for them to use with their components.
When I try to import MDB's _variables.scss, errors pop up. When I sent the file to DevExpress, here is what they stated:
The following error is shown in a web browser console when your file is uploaded: Undefined variable: "$grey-lighten-3" on line 169.
*The issue occurs because the "grey-lighten-3" variable (and some other variables) are not defined in your SCSS file. In Theme Builder, we use base Bootstrap variables from the following files: https://github.com/twbs/bootstrap/blob/v4-dev/scss/_variables.scss https://github.com/twbs/bootstrap/blob/v4-dev/scss/_functions.scss However, these files don't list the "grey-lighten-3" variable. If you are using custom variables, I suggest you define them in your _variables.scss file.*
Can you tell me what needs to be done to resolve this issue?
Many thanks,
--Dave
Krzysztof Wilk staff answered 4 years ago
Hi!
You can find this variable in our _colors.scss file. We have many style files, so I'm afraid that for this moment the only solution is to copy the required variables to the _variables.scss file.
Best regards
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- User: Pro
- Premium support: No
- Technology: MDB jQuery
- MDB Version: 4.19.1
- Device: Desktop Workstation
- Browser: Firefox
- OS: Windows 10
- Provided sample code: No
- Provided link: Yes