[ RFC ] Global color modifiers

I’ve discussed with @filrak about creating common modifiers for components globally (as Bulma does), at least for colors.

So, some classes like has-bg-primary and has-text-primary should be created and available for all convenient components, then these components shouldn’t have BEM modifiers specifically for the primary color.

Imo we should create these modifiers for primary, secondary, danger, warning, info and success colors, wdyt? The respective modifiers should be removed from components, we should use the global ones instead.

[leomp12]

@filrak sure, I’ll take care of it.

@mayashavin about sizes, I think it may be available for almost all atoms, right? Although, I think it would be component specific, we can use modifiers with the same class names, but imo .sf-price.lg should apply different styles than .sf-button.lg for example, wdyt?

[mayashavin]

@leomp12 @filrak I agree on the global ones. We should have a global palettes and global sizes, this way we don’t need to define again specific modifiers and make it harder to control the styling. You can check the implementation of the size in SfIcon. I would suggest we define something more specific rather than pink-primary and pink-secondary also.