Bootstrap: Any clever workflows for dealing with component variables and styles being in two different places?

I’ve recently been looking into Bootstrap more and I’d say the thing that bugs me the most is the need to separate the numerous variables used for styling and the styles you apply yourself through CSS.

I’m all for global variables to keep things consistent, but most variables are component specific. This means in order to style a component I have to switch back and forth between two different files in order to know what is defined and what isn’t and to change values as needed.

I’m wondering if anyone has any clever workflows or suggestions for dealing with this issue.

Thanks,

1 Like