Minimal CSS for JavaScript components

Would you ever consider including CSS or Sass files that contain just the minimum amount of styling for JavaScript components?

Currently you can conditionally include Sass files per component, but often when I’m working off an existing design I need to implement, I would have to override all those styles somehow, which includes borders, shadows, etc. If I could include just the bare minimum, I may save some time.

I went ahead and created minimal versions for each component, just to see what it would look like:

• alert.js: https://codepen.io/DannyJoris/pen/NvLGJW/
• button.js: https://codepen.io/DannyJoris/pen/mMGeNv
• carousel.js: https://codepen.io/DannyJoris/pen/rzZxxz
• collapse.js: https://codepen.io/DannyJoris/pen/yoxoag
• dropdown.js: https://codepen.io/DannyJoris/pen/jLvbzO
• modal.js: https://codepen.io/DannyJoris/pen/YxOYNB
• popover.js: https://codepen.io/DannyJoris/pen/JyapdV
• scrollspy.js: https://codepen.io/DannyJoris/pen/ZJwdbv (can be stripped down more)
• tab.js: https://codepen.io/DannyJoris/pen/brxKPK
• tooltip.js: https://codepen.io/DannyJoris/pen/RZYyrv

Let me know what you think.

[C-Lodder]

@iamandrewluca - surely just override the $theme-colors array and remove the colours you don’t need?

[Johann-S]

That’s can be a solution @IamManchanda 👍