Programmatically-friendly color indicator style names

[dpdearing]

The style names for the multi-color Color Indicators at https://mana.andrewgioia.com/icons.html don't appear to lend themselves well to programmatically concatenating the combinations from the WUBRG color characters.

For example, the urw of Jeskai's ci-urw style are not in alphabetic order (ruw) or in WUBRG order (wur). Unless I'm missing it, there doesn't appear to be any consistency across the style names, which would make it much easier to generate the correct styles.

Would it be possible to add an alias for the multicolor indicators that's easier to generate dynamically from the characters themselves?

The workaround is to produce my own mapping from each combination to the Mana Font combination (i.e., { "RUW" : "ci-urw" }) which is easy enough, but cumbersome.

[gbartholomeu]

Hi @dpdearing you can assign multiple classes in the css file to better fit your needs. So for example if you have

.ms-ci-urw,
.ms-ci-jeskai {
background: conic-gradient(#c6553e 60deg, #fff 60deg 180deg, #3b6ba0 180deg 300deg, #c6553e 300deg);
}

and you want the same style to be applied when you use ci-ruw, just add .ci-ruw after a comma just like is happening with the jeskai or as it is done with the phyrexian mana. Since all the colors share the same symbol, all of them are declared with the same content:

.ms-p::before,
.ms-wp::before,
.ms-up::before,
.ms-bp::before,
.ms-rp::before,
.ms-gp::before (...)

edit: formatting

[dpdearing]

you can assign multiple classes in the css file to better fit your needs

Thanks for the suggestion, @gbartholomeu. I have actually been loading the font via CDN instead of including the CSS file so modifying it directly isn't really an option.