MDB Bootstrap

Maharjan asked 6 years ago

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


Marta Szymanska staff pro premium answered 6 years ago

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


Marta Szymanska staff pro premium answered 6 years ago

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


Please insert min. 20 characters.

FREE CONSULTATION

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

Status

Answered

Specification of the issue
  • 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
Tags