Topic: MDB Bootstrap
Hi there
Currently I have scss setup for my site, which has all my color palettes and styles set. I would like to start using MD bootstrap, and have a couple of questions in regards to how easily I could integrate it with what I currently have.
I have a couple of questions.
*how are the components are separated to different scss file?
* how much work is required to customize a components?
* Can I integrate my existing colour palette into the bootstrap build process.
Regards,
Kishor
Hi,
1. We have different scss file for each component and we import all of them in one mdb.scss file. Please, look at the example below:
// Bootstrap
@import "core/bootstrap/functions";
@import "core/bootstrap/variables";
// CORE
@import "core/mixins";
// Your custom variables
@import "custom-variables";
@import "core/colors";
// FREE
@import "free/animations-basic";
@import "free/modules/animations-extended/module";
@import "free/buttons";
@import "free/cards";
// Your custom styles
@import "custom-styles";
2. If you write your styles in our attached custom-variables.scss and custom-styles.scss file, it's very fast. You have to just write some styles, save, recompile and that's it.
3. You can attach and import in mdb.scss your own file with your colors palette.
Best,
Marta
Maharjan commented 6 years ago
Hi Marta
Thank you for the information. It looks pretty straight forward. However I just want to confirm few more things before I purchase. I won't be using the entire mdb.scss. I'll be just extracting some components that is required for my job. Is there any restriction on components?
Thanks,
Kishor
Hi,
in any page of documentation, you can find the map of dependencies among our scss files, eg. here: https://mdbootstrap.com/docs/jquery/forms/checkbox/#a-compilation. You can comment or remove any imported file in mdb.scss but be careful on these presented dependencies.
Best,
Marta
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- User: Free
- Premium support: No
- Technology: MDB jQuery
- MDB Version: 4.5.10
- Device: Desktop
- Browser: Chrome
- OS: Windows
- Provided sample code: No
- Provided link: No