search

andrewgioia / mana

Magic: the Gathering mana symbol pictographic font
300 stars 32 forks source link

Conflict with bootstrap 5 #80

Closed dginio closed 1 year ago

dginio commented 2 years ago

Hello,

Since Bootstrap 5 the margin shortcuts has changed, they replace left and right with start and end. https://getbootstrap.com/docs/5.0/utilities/spacing/ ml-1 (margin left 1em) is now ms-1 (margin start)

all ms- can't be used.

Do you have an idea for a workaround ?

Thanks

andrewgioia commented 1 year ago

Hi @dginio I'm sorry I haven't gotten back to you sooner and that this conflicts with their spacing utility classes.

We can't change the prefix default but you can absolutely do this if you build the CSS files yourself. Using Sass, this would mean overwriting the variable $ms-prefix which is defined in variables.scss. That variable has a default flag which means if you set it first, Mana will not set it to ms-.