Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Why so many !important css declarations?

See original GitHub issue

I need to set some of the basic colors of items to our corporate design system colors.

In 3.x this was not an issue, set up our custom _variables.scss and remap the colors.

But I keep running into roadblocks with classes like .bg-primary or .text-info to name two: these are set in the Bootstrap scss with !important declarations forcing me to redefine the style and also add !important.

Why all the !importantss?

Issue Analytics

State:
Created 6 years ago
Reactions:8
Comments:10 (4 by maintainers)

Top GitHub Comments

22reactions

mdocommented, Jul 4, 2017

Sorry, @smlombardi, but this was the direction we decided to take years ago. We’re kinda locked into it now. Plus, most folks asked us for !important on these utilities.

16reactions

mdocommented, Jun 14, 2017

They’re there to ensure you can apply those styles as utilities no matter what. It’s a necessary evil that’s only present for utility classes, and nothing else.

You don’t have to rely on the included custom Sass file (I think I’m going to nuke that damn thing at this point, it’s way too confusing).