andrewgioia/mana

ms-2 conflicts with Bootstrap

Closed this issue · 2 comments

If used on a site with bootstrap, ms-2 gets picked up by bootstrap a margin start padding of 2, and adds additional spacing in front of the symbol.

Really good catch here, that's a pretty common utility class.

I'm not really sure what to do to properly fix this other than change the entire prefix. Short of that I can just override the start padding whenever the .ms class is also present, so:

.ms.ms-2 {
  margin-left: initial;
} 

Added in v1.17.0!