A simple CSS based on Goblin Hero's vecor mana symbols for Magic: The Gathering.
This is useful for web applications.
Simply grab the SVG found in images/ and the CSS found in css/, then start using the .mana class.
Classes are named to reflect the mana costs in mtgjson, with only alphanumeric chars.
For example:
{1}{W/U}{W/U}
Can be translated to:
<span class="mana medium s1"></span>
<span class="mana medium swu"></span>
<span class="mana medium swu"></span>
This can not be considered as tested, I wrote this in a hour of free time and plan to use in a future project. Any comments, issues or pull requests will be appreciated!
I have not yet included large styles for non-square icons.