Adds all Arena ability symbols (#41, #52, #44, and long-overdue #13), a rarity symbol (#53), and SVGs included (#51)

2024-10-05 06:05:49 +00:00 · 2020-09-03 13:42:58 -04:00 · 2020-09-03 13:42:58 -04:00 · 89c15e5660
commit 89c15e5660
parent 22dc3bbc78
206 changed files with 2638 additions and 1278 deletions
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@ -11,6 +11,17 @@ All notable changes to this project will be documented in this file.

 ## Versions 

+### [1.9.0] 2020-09-03 All Arena ability symbols!
+
+* **Added:** Excited to add _all_ 53 ability symbols from Arena! This was a big task as many had to be drawn from scratch! [#41](https://github.com/andrewgioia/mana/issues/41), [#53](https://github.com/andrewgioia/mana/issues/53), [#52](https://github.com/andrewgioia/mana/issues/52), and [#44](https://github.com/andrewgioia/mana/issues/44)
+* **Fixed:** Some outdated SVG issues with the existing type symbols have been corrected
+* **Added:** SVGs are now shipped [#51](https://github.com/andrewgioia/mana/issues/51)
+
+### [1.8.0] 2020-08-21 Arena ability initial release
+
+* **Added:** All ability symbols from Arena [#41](https://github.com/andrewgioia/mana/issues/41)
+* **Fixed:** All .scss files are cleaner and a bit more optimized; probably going to move to Sass soon
+
 ### [1.7.0] 2020-08-20 Birthday release with MODO counters!

 * **Added:** All counters from Magic Online [#39](https://github.com/andrewgioia/mana/issues/39)
--- a/bower.json
+++ b/bower.json
@ -1,9 +1,9 @@
 {
  "name": "mana",
-  "homepage": "https://github.com/andrewgioia/Mana",
-  "version": "1.7.0",
+  "homepage": "https://github.com/andrewgioia/mana",
+  "version": "1.9.0",
  "authors": [
-    "Andrew Gioia <andrewgioia@gmail.com>"
+    "Andrew Gioia <andrew@gioia.email>"
  ],
  "description": "Magic: the Gathering mana symbol pictographic font",
  "main": [
--- a/css/mana.css
+++ b/css/mana.css
--- a/css/mana.css.map
+++ b/css/mana.css.map
@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["../sass/_path.scss","../sass/_core.scss","../sass/_icons.scss","../sass/_cost.scss","../sass/_loyalty.scss","../sass/_variables.scss","../sass/_dfc.scss","../sass/_sizes.scss"],"names":[],"mappings":"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","file":"mana.css"}
--- a/css/mana.min.css
+++ b/css/mana.min.css
--- a/fonts/mana.eot
+++ b/fonts/mana.eot
--- a/fonts/mana.svg
+++ b/fonts/mana.svg
--- a/fonts/mana.ttf
+++ b/fonts/mana.ttf
--- a/fonts/mana.woff
+++ b/fonts/mana.woff
--- a/fonts/mana.woff2
+++ b/fonts/mana.woff2
--- a/index.html
+++ b/index.html
@ -4,8 +4,7 @@
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="chrome=1" />
    <title>Mana</title>
-    <link rel="stylesheet" href="css/mana.css?v=1.6.0" />
-    <link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700,700i">
+    <link rel="stylesheet" href="css/mana.css?v=1.8.0" />
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
    <style type="text/css">
        html {
@ -14,9 +13,8 @@
        body {
            background: #fff;
            color: #333;
-            font-family: 'Open Sans', 'Lucida Grande', 'Lucida Sans Unicode',
-                'Lucida Sans', Geneva, 'Helvetica Neue', Helvetica, Arial, sans-serif;
-            font-size: 16px;
+            font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
+            font-size: 17px;
            line-height: 1.6em;
            margin: 0 auto;
            padding: 0 100px;
@ -25,8 +23,14 @@
        h1, h2, .mplantin {
            font-family: MPlantin, Times, serif;
        }
+        h1 {
+            font-size: 36px;
+        }
+        h2 {
+            font-size: 26px;
+        }
        h3 {
-            font-size: 16px;
+            font-size: 19px;
            font-weight: bold;
            margin: 0;
        }
@ -70,7 +74,7 @@
        This HTML file is for demo purposes and is not necessary for Mana installation or use.
        You can view all of the mana symbol font icons and the available examples below
        (casting cost background and increased sizes). Please take a look at the
-        <a href="https://andrewgioia.github.io/Mana">Mana documentation page</a> for
+        <a href="https://mana.andrewgioia.com">Mana documentation page</a> for
        the full set of icons, attributes, and usages.
    </p>
    <div class="left">
@ -176,32 +180,41 @@
            <i class="ms ms-infinity ms-cost ms-shadow"></i>
            <i class="ms ms-100 ms-cost ms-shadow"></i>
            <i class="ms ms-1000000 ms-cost ms-shadow"></i>
+            <i class="ms ms-acorn"></i>
        </p>
    </div>
    <div class="right">
        <h3>Future Sight and other type symbols</h3>
        <p>
-            <i class="ms ms-artifact ms-2x"></i>
-            <i class="ms ms-creature ms-2x"></i>
-            <i class="ms ms-enchantment ms-2x"></i>
-            <i class="ms ms-instant ms-2x"></i>
-            <i class="ms ms-land ms-2x"></i>
-            <i class="ms ms-planeswalker ms-2x"></i>
-            <i class="ms ms-sorcery ms-2x"></i>
+            <i class="ms ms-artifact ms-2x" title="Artifact"></i>
+            <i class="ms ms-creature ms-2x" title="Creature"></i>
+            <i class="ms ms-enchantment ms-2x" title="Enchantment"></i>
+            <i class="ms ms-instant ms-2x" title="Instant"></i>
+            <i class="ms ms-land ms-2x" title="Land"></i>
+            <i class="ms ms-planeswalker ms-2x" title="Planeswalker"></i>
+            <i class="ms ms-sorcery ms-2x" title="Sorcery"></i>
+            <i class="ms ms-tribal ms-2x" title="Tribal"></i>
+            <i class="ms ms-plane ms-2x" title="Plane"></i>
+            <i class="ms ms-phenomenon ms-2x" title="Phenomenon"></i>
+            <i class="ms ms-scheme ms-2x" title="Scheme"></i>
+            <i class="ms ms-conspiracy ms-2x" title="Conspiracy"></i>
            &nbsp;&nbsp;
-            <i class="ms ms-flashback ms-2x"></i>
-            <i class="ms ms-multiple ms-2x"></i>
-            &nbsp;&nbsp;
-            <i class="ms ms-acorn ms-2x"></i>
-            <i class="ms ms-saga ms-saga-1 ms-2x"></i>
-            <i class="ms ms-saga ms-saga-2 ms-2x"></i>
+            <i class="ms ms-token ms-2x" title="Token"></i>
+            <i class="ms ms-flashback ms-2x" title="Flashback"></i>
+            <i class="ms ms-rarity ms-2x" title="Rarity"></i>
+            <i class="ms ms-vanguard ms-2x" title="Vangaurd"></i>
        </p>
-        <h3>Planeswalker symbols</h3>
+        <h3>Loyalty symbols</h3>
        <p>
            <i class="ms ms-loyalty-up ms-loyalty-3 ms-3x"></i>
            <i class="ms ms-loyalty-down ms-loyalty-x ms-3x"></i>
            <i class="ms ms-loyalty-zero ms-loyalty-0 ms-3x"></i>
            <i class="ms ms-loyalty-start ms-loyalty-4 ms-4x"></i>
+            &nbsp;&nbsp;
+            <i class="ms ms-saga ms-saga-1 ms-2x"></i>
+            <i class="ms ms-saga ms-saga-2 ms-2x"></i>
+            <i class="ms ms-saga ms-saga-3 ms-2x"></i>
+            <i class="ms ms-saga ms-saga-4 ms-2x"></i>
        </p>
        <h3>Double-faced card symbols</h3>
        <p>
@ -277,10 +290,66 @@
            <i class="ms ms-counter-verse ms-2x"></i>
            <i class="ms ms-counter-vortex ms-2x"></i>
        </p>
+        <h3>Arena Ability Symbols</h3>
+        <p>
+            <i class="ms ms-ability-activated ms-2x" title="Activated"></i>
+            <i class="ms ms-ability-adamant ms-2x" title="Adamant"></i>
+            <i class="ms ms-ability-adapt ms-2x" title="Adapt"></i>
+            <i class="ms ms-ability-addendum ms-2x" title="Addendum"></i>
+            <i class="ms ms-ability-adventure ms-2x" title="Adventure"></i>
+            <i class="ms ms-ability-afflict ms-2x" title="Afflict"></i>
+            <i class="ms ms-ability-afterlife ms-2x" title="Afterlife"></i>
+            <i class="ms ms-ability-aftermath ms-2x" title="Aftermath"></i>
+            <i class="ms ms-ability-amass ms-2x" title="Amass"></i>
+            <i class="ms ms-ability-ascend ms-2x" title="Ascend"></i>
+            <i class="ms ms-ability-companion ms-2x" title="Companion"></i>
+            <i class="ms ms-ability-constellation ms-2x" title="Constellation"></i>
+            <i class="ms ms-ability-convoke ms-2x" title="Convoke"></i>
+            <i class="ms ms-ability-deathtouch ms-2x" title="Deathtouch"></i>
+            <i class="ms ms-ability-defender ms-2x" title="Defender"></i>
+            <i class="ms ms-ability-devotion ms-2x" title="Devotion"></i>
+            <i class="ms ms-ability-double-strike ms-2x" title="Double Strike"></i>
+            <i class="ms ms-ability-embalm ms-2x" title="Embalm"></i>
+            <i class="ms ms-ability-enrage ms-2x" title="Enrage"></i>
+            <i class="ms ms-ability-escape ms-2x" title="Escape"></i>
+            <i class="ms ms-ability-eternalize ms-2x" title="Eternalize"></i>
+            <i class="ms ms-ability-explore ms-2x" title="Explore"></i>
+            <i class="ms ms-ability-first-strike ms-2x" title="First Strike"></i>
+            <i class="ms ms-ability-flash ms-2x" title="Flash"></i>
+            <i class="ms ms-ability-flying ms-2x" title="Flying"></i>
+            <i class="ms ms-ability-haste ms-2x" title="Haste"></i>
+            <i class="ms ms-ability-hexproof ms-2x" title="Hexproof: Generic"></i>
+            <i class="ms ms-ability-hexproof-white ms-2x" title="Hexproof: White"></i>
+            <i class="ms ms-ability-hexproof-blue ms-2x" title="Hexproof: Blue"></i>
+            <i class="ms ms-ability-hexproof-black ms-2x" title="Hexproof: Black"></i>
+            <i class="ms ms-ability-hexproof-red ms-2x" title="Hexproof: Red"></i>
+            <i class="ms ms-ability-hexproof-green ms-2x" title="Hexproof: Green"></i>
+            <i class="ms ms-ability-indestructible ms-2x" title="Indestructible"></i>
+            <i class="ms ms-ability-jumpstart ms-2x" title="Jumpstart"></i>
+            <i class="ms ms-ability-lifelink ms-2x" title="Lifelink"></i>
+            <i class="ms ms-ability-menace ms-2x" title="Menace"></i>
+            <i class="ms ms-ability-mentor ms-2x" title="Mentor"></i>
+            <i class="ms ms-ability-mutate ms-2x" title="Mutate"></i>
+            <i class="ms ms-ability-proliferate ms-2x" title="Proliferate"></i>
+            <i class="ms ms-ability-prowess ms-2x" title="Prowess"></i>
+            <i class="ms ms-ability-raid ms-2x" title="Raid"></i>
+            <i class="ms ms-ability-reach ms-2x" title="Reach"></i>
+            <i class="ms ms-ability-revolt ms-2x" title="Revolt"></i>
+            <i class="ms ms-ability-riot ms-2x" title="Riot"></i>
+            <i class="ms ms-ability-spectacle ms-2x" title="Spectacle"></i>
+            <i class="ms ms-ability-static ms-2x" title="Static"></i>
+            <i class="ms ms-ability-summoning-sickness ms-2x" title="Summoning Sickness"></i>
+            <i class="ms ms-ability-surveil ms-2x" title="Surveil"></i>
+            <i class="ms ms-ability-trample ms-2x" title="Trample"></i>
+            <i class="ms ms-ability-transform ms-2x" title="Transform"></i>
+            <i class="ms ms-ability-triggered ms-2x" title="Triggered"></i>
+            <i class="ms ms-ability-undergrowth ms-2x" title="Undergrowth"></i>
+            <i class="ms ms-ability-vigilance ms-2x" title="Vigilance"></i>
+        </p>
    </div>
    <div style="clear: both;"></div>
    <footer>
-        Made with &hearts; by <a href="http://andrewgioia.com">Andrew Gioia</a>
+        Made with &hearts; by <a href="https://andrewgioia.com">Andrew Gioia</a>
    </footer>
 </body>
 </html>
--- a/less/core.less
+++ b/less/core.less
@ -1,3 +1,5 @@
+// base
+
 .@{ms-prefix} {
    display: inline-block;
    font: normal normal normal @ms-font-size-base/1 Mana;
@ -11,4 +13,4 @@
    // Better font rendering
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
-}
+}
--- a/less/cost.less
+++ b/less/cost.less
@ -1,5 +1,4 @@
-/**
- * Mana cost styles */
+// cost style

 .@{ms-prefix}-cost {

@ -54,16 +53,16 @@
        position: relative;
        width: 1.3em;
        height: 1.3em;
-        &:before,
-        &:after {
+        &::before,
+        &::after {
            font-size: 0.55em !important;
            position: absolute;
        }
-        &:before {
+        &::before {
            top: -0.38em;
            left: 0.28em;
        }
-        &:after {
+        &::after {
            top: 0.5em;
            left: 1.0em;
        }
@ -220,12 +219,12 @@
    }

    // Phyrexian mana and size increases
-    &.@{ms-prefix}-p:before,
-    &.@{ms-prefix}-wp:before,
-    &.@{ms-prefix}-up:before,
-    &.@{ms-prefix}-bp:before,
-    &.@{ms-prefix}-rp:before,
-    &.@{ms-prefix}-gp:before {
+    &.@{ms-prefix}-p::before,
+    &.@{ms-prefix}-wp::before,
+    &.@{ms-prefix}-up::before,
+    &.@{ms-prefix}-bp::before,
+    &.@{ms-prefix}-rp::before,
+    &.@{ms-prefix}-gp::before {
        display: inline-block;
        -moz-transform: scale( 1.2, 1.2 );
        -webkit-transform: scale( 1.2, 1.2 );
@ -233,7 +232,7 @@
    }

    // Alternate tap
-    &.@{ms-prefix}-tap-alt:before {
+    &.@{ms-prefix}-tap-alt::before {
        display: inline-block;
        -moz-transform: scale( 1.2, 1.2 );
        -webkit-transform: scale( 1.2, 1.2 );
@ -243,7 +242,7 @@
    }

    // Snow mana
-    &.@{ms-prefix}-s:before {
+    &.@{ms-prefix}-s::before {
        color: #fff;
        -webkit-text-stroke: 2px #fff;
        font-size: 0.85em;
@ -251,7 +250,7 @@
        position: relative;
        display: inline-block;
    }
-    &.@{ms-prefix}-s:after {
+    &.@{ms-prefix}-s::after {
        //text-shadow: -1px 1px 0 #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, 1px 1px 0 #fff;
        content: "\e619";
        position: absolute;
@ -284,16 +283,16 @@
    width: 1.3em;
    height: 1.3em;
 }
-.@{ms-prefix}-split:before,
-.@{ms-prefix}-split:after {
+.@{ms-prefix}-split::before,
+.@{ms-prefix}-split::after {
    font-size: 0.55em !important;
    position: absolute;
 }
-.@{ms-prefix}-split:before {
+.@{ms-prefix}-split::before {
    top: -0.38em;
    left: 0.28em;
 }
-.@{ms-prefix}-split:after {
+.@{ms-prefix}-split::after {
    top: 0.5em;
    left: 1.0em;
 }
@ -320,7 +319,7 @@ span.@{ms-prefix}-half {
    margin-left: .675em;
    overflow: hidden;
    border-radius: 0 1em 1em 0;
-    &:before {
+    &::before {
        margin-left: -.65em;
    }
 }
@ -333,4 +332,4 @@ span.@{ms-prefix}-half {
 }
 .@{ms-prefix}-1000000 {
    width: 5.4em;
-}
+}
--- a/less/icons.less
+++ b/less/icons.less
@ -1,193 +1,265 @@
-/**
- * Mana */
+// symbols

-.@{ms-prefix}-w:before { content: "\e600"; }
-.@{ms-prefix}-u:before { content: "\e601"; }
-.@{ms-prefix}-b:before { content: "\e602"; }
-.@{ms-prefix}-r:before { content: "\e603"; }
-.@{ms-prefix}-g:before { content: "\e604"; }
-.@{ms-prefix}-0:before { content: "\e605"; }
-.@{ms-prefix}-1:before { content: "\e606"; }
-.@{ms-prefix}-2:before { content: "\e607"; }
-.@{ms-prefix}-3:before { content: "\e608"; }
-.@{ms-prefix}-4:before { content: "\e609"; }
-.@{ms-prefix}-5:before { content: "\e60a"; }
-.@{ms-prefix}-6:before { content: "\e60b"; }
-.@{ms-prefix}-7:before { content: "\e60c"; }
-.@{ms-prefix}-8:before { content: "\e60d"; }
-.@{ms-prefix}-9:before { content: "\e60e"; }
-.@{ms-prefix}-10:before { content: "\e60f"; }
-.@{ms-prefix}-11:before { content: "\e610"; }
-.@{ms-prefix}-12:before { content: "\e611"; }
-.@{ms-prefix}-13:before { content: "\e612"; }
-.@{ms-prefix}-14:before { content: "\e613"; }
-.@{ms-prefix}-15:before { content: "\e614"; }
-.@{ms-prefix}-16:before { content: "\e62a"; }
-.@{ms-prefix}-17:before { content: "\e62b"; }
-.@{ms-prefix}-18:before { content: "\e62c"; }
-.@{ms-prefix}-19:before { content: "\e62d"; }
-.@{ms-prefix}-20:before { content: "\e62e"; }
-.@{ms-prefix}-x:before { content: "\e615"; }
-.@{ms-prefix}-y:before { content: "\e616"; }
-.@{ms-prefix}-z:before { content: "\e617"; }
-.@{ms-prefix}-p:before,
-.@{ms-prefix}-wp:before,
-.@{ms-prefix}-up:before,
-.@{ms-prefix}-bp:before,
-.@{ms-prefix}-rp:before,
-.@{ms-prefix}-gp:before { content: "\e618"; }
-.@{ms-prefix}-s:before { content: "\e619"; }
-.@{ms-prefix}-c:before { content: "\e904"; }
-.@{ms-prefix}-e:before,
-.@{ms-prefix}-energy:before{ content: "\e907"; }
+.@{ms-prefix} {

-/**
- * Tap/roll symbols */
+    // resources
+    &-w::before { content: "\e600"; }
+    &-u::before { content: "\e601"; }
+    &-b::before { content: "\e602"; }
+    &-r::before { content: "\e603"; }
+    &-g::before { content: "\e604"; }
+    &-0::before { content: "\e605"; }
+    &-1::before { content: "\e606"; }
+    &-2::before { content: "\e607"; }
+    &-3::before { content: "\e608"; }
+    &-4::before { content: "\e609"; }
+    &-5::before { content: "\e60a"; }
+    &-6::before { content: "\e60b"; }
+    &-7::before { content: "\e60c"; }
+    &-8::before { content: "\e60d"; }
+    &-9::before { content: "\e60e"; }
+    &-10::before { content: "\e60f"; }
+    &-11::before { content: "\e610"; }
+    &-12::before { content: "\e611"; }
+    &-13::before { content: "\e612"; }
+    &-14::before { content: "\e613"; }
+    &-15::before { content: "\e614"; }
+    &-16::before { content: "\e62a"; }
+    &-17::before { content: "\e62b"; }
+    &-18::before { content: "\e62c"; }
+    &-19::before { content: "\e62d"; }
+    &-20::before { content: "\e62e"; }
+    &-x::before { content: "\e615"; }
+    &-y::before { content: "\e616"; }
+    &-z::before { content: "\e617"; }
+    &-p::before,
+    &-wp::before,
+    &-up::before,
+    &-bp::before,
+    &-rp::before,
+    &-gp::before { content: "\e618"; }
+    &-s::before { content: "\e619"; }
+    &-c::before { content: "\e904"; }
+    &-e::before,
+    &-energy::before{ content: "\e907"; }
+    &-acorn::before { content: "\e929"; }
+    &-1-2::before { content: "\e902"; }
+    &-infinity::before { content: "\e903"; }

-.@{ms-prefix}-tap:before { content: "\e61a"; }
-.@{ms-prefix}-untap:before { content: "\e61b"; }
-.@{ms-prefix}-tap-alt:before { content: "\e61c"; }
-.@{ms-prefix}-chaos:before { content: "\e61d"; }
-.@{ms-prefix}-1-2:before { content: "\e902"; }
-.@{ms-prefix}-infinity:before { content: "\e903"; }
+    // tap/roll
+    &-tap::before { content: "\e61a"; }
+    &-untap::before { content: "\e61b"; }
+    &-tap-alt::before { content: "\e61c"; }
+    &-chaos::before { content: "\e61d"; }

-/**
- * Card types */
+    // card types
+    &-artifact::before { content: "\e61e"; }
+    &-conspiracy::before { content: "\e972"; }
+    &-creature::before { content: "\e61f"; }
+    &-enchantment::before { content: "\e620"; }
+    &-instant::before { content: "\e621"; }
+    &-land::before { content: "\e622"; }
+    &-phenomenon::before { content: "\e96e"; }
+    &-plane::before { content: "\e96f"; }
+    &-planeswalker::before { content: "\e623"; }
+    &-rarity::before { content: "\e96c"; }
+    &-saga::before { content: "\e92a"; }
+    &-scheme::before { content: "\e970"; }
+    &-sorcery::before { content: "\e624"; }
+    &-token::before { content: "\e96d"; }
+    &-tribal::before,
+        &-multiple::before { content: "\e925"; }
+    &-vanguard::before { content: "\e971"; }

-.@{ms-prefix}-artifact:before { content: "\e61e"; }
-.@{ms-prefix}-creature:before { content: "\e61f"; }
-.@{ms-prefix}-enchantment:before { content: "\e620"; }
-.@{ms-prefix}-instant:before { content: "\e621"; }
-.@{ms-prefix}-land:before { content: "\e622"; }
-.@{ms-prefix}-planeswalker:before { content: "\e623"; }
-.@{ms-prefix}-sorcery:before { content: "\e624"; }
-.@{ms-prefix}-multiple:before { content: "\e925"; }
-.@{ms-prefix}-saga:before { content: "\e92a"; }
-.@{ms-prefix}-acorn:before { content: "\e929"; }
+    // splits
+    &-wu::before,
+    &-wb::before,
+    &-rw::after,
+    &-gw::after,
+    &-2w::after { content: "\e600"; } // white
+    &-ub::before,
+    &-ur::before,
+    &-wu::after,
+    &-gu::after,
+    &-2u::after { content: "\e601"; } // blue
+    &-br::before,
+    &-bg::before,
+    &-wb::after,
+    &-ub::after,
+    &-2b::after { content: "\e602"; } // black
+    &-rw::before,
+    &-rg::before,
+    &-ur::after,
+    &-br::after,
+    &-2r::after { content: "\e603"; } // red
+    &-gw::before,
+    &-gu::before,
+    &-bg::after,
+    &-rg::after,
+    &-2g::after { content: "\e604"; } // green
+    &-2w::before,
+    &-2u::before,
+    &-2b::before,
+    &-2r::before,
+    &-2g::before { content: "\e607"; } // 2

-/**
- * Split symbols */
+    // un-sets
+    &-100::before { content: "\e900"; }
+    &-1000000::before { content: "\e901"; }

-.@{ms-prefix}-wu:before,
-.@{ms-prefix}-wb:before,
-.@{ms-prefix}-rw:after,
-.@{ms-prefix}-gw:after,
-.@{ms-prefix}-2w:after { content: "\e600"; } // white
-.@{ms-prefix}-ub:before,
-.@{ms-prefix}-ur:before,
-.@{ms-prefix}-wu:after,
-.@{ms-prefix}-gu:after,
-.@{ms-prefix}-2u:after { content: "\e601"; } // blue
-.@{ms-prefix}-br:before,
-.@{ms-prefix}-bg:before,
-.@{ms-prefix}-wb:after,
-.@{ms-prefix}-ub:after,
-.@{ms-prefix}-2b:after { content: "\e602"; } // black
-.@{ms-prefix}-rw:before,
-.@{ms-prefix}-rg:before,
-.@{ms-prefix}-ur:after,
-.@{ms-prefix}-br:after,
-.@{ms-prefix}-2r:after { content: "\e603"; } // red
-.@{ms-prefix}-gw:before,
-.@{ms-prefix}-gu:before,
-.@{ms-prefix}-bg:after,
-.@{ms-prefix}-rg:after,
-.@{ms-prefix}-2g:after { content: "\e604"; } // green
-.@{ms-prefix}-2w:before,
-.@{ms-prefix}-2u:before,
-.@{ms-prefix}-2b:before,
-.@{ms-prefix}-2r:before,
-.@{ms-prefix}-2g:before { content: "\e607"; } // 2
+    // planeswalkers
+    &-loyalty {
+        &-up::before { content: "\e627"; } // Up
+        &-down::before { content: "\e625"; } // Down
+        &-zero::before { content: "\e626"; } // Zero
+        &-start::before { content: "\e628"; } // Start
+    }

-/**
- * Un-set symbols */
+    // double-faced cards
+    &-dfc {
+        &-night::before { content: "\e905"; }
+        &-day::before { content: "\e906"; }
+        &-ignite::before { content: "\e908"; }
+        &-spark::before { content: "\e909"; }
+        &-emrakul::before { content: "\e90a"; }
+        &-moon::before { content: "\e90b"; }
+        &-enchantment::before { content: "\e920"; }
+    }

-.@{ms-prefix}-100:before { content: "\e900"; }
-.@{ms-prefix}-1000000:before { content: "\e901"; }
+    // other card elements
+    &-flashback::before { content: "\e629"; }
+    &-power::before { content: "\e921"; }
+    &-toughness::before { content: "\e922"; }
+    &-artist {
+        &-brush::before { content: "\e923"; }
+        &-nib::before { content: "\e924"; }
+    }

-/**
- * Planeswalker symbols */
+    // guilds/clans/poleis
+    &-guild{
+        &-azorius::before { content: "\e90c"; }
+        &-boros::before { content: "\e90d"; }
+        &-dimir::before { content: "\e90e"; }
+        &-golgari::before { content: "\e90f"; }
+        &-gruul::before { content: "\e910"; }
+        &-izzet::before { content: "\e911"; }
+        &-orzhov::before { content: "\e912"; }
+        &-rakdos::before { content: "\e913"; }
+        &-selesnya::before { content: "\e914"; }
+        &-simic::before { content: "\e915"; }
+    }
+    &-clan {
+        &-abzan::before { content: "\e916"; }
+        &-jeskai::before { content: "\e917"; }
+        &-mardu::before { content: "\e918"; }
+        &-sultai::before { content: "\e919"; }
+        &-temur::before { content: "\e91a"; }
+        &-atarka::before { content: "\e91b"; }
+        &-dromoka::before { content: "\e91c"; }
+        &-kolaghan::before { content: "\e91d"; }
+        &-ojutai::before { content: "\e91e"; }
+        &-silumgar::before { content: "\e91f"; }
+    }
+    &-polis {
+        &-setessa::before { content: "\e926"; }
+        &-akros::before { content: "\e927"; }
+        &-meletis::before { content: "\e928"; }
+    }

-.@{ms-prefix}-loyalty-up:before { content: "\e627"; } // Up
-.@{ms-prefix}-loyalty-down:before { content: "\e625"; } // Down
-.@{ms-prefix}-loyalty-zero:before { content: "\e626"; } // Zero
-.@{ms-prefix}-loyalty-start:before { content: "\e628"; } // Start
+    // counters
+    &-counter {
+        &-arrow::before { content: "\e92b"; }
+        &-brick::before { content: "\e92c"; }
+        &-charge::before { content: "\e92d"; }
+        &-devotion::before { content: "\e92e"; }
+        &-doom::before { content: "\e92f"; }
+        &-echo::before { content: "\e930"; }
+        &-flame::before { content: "\e931"; }
+        &-flood::before { content: "\e932"; }
+        &-fungus::before { content: "\e933"; }
+        &-gold::before { content: "\e934"; }
+        &-ki::before { content: "\e935"; }
+        &-lore::before { content: "\e936"; }
+        &-loyalty::before { content: "\e937"; }
+        &-mining::before { content: "\e938"; }
+        &-minus::before { content: "\e939"; }
+        &-muster::before { content: "\e93a"; }
+        &-paw::before { content: "\e93b"; }
+        &-pin::before { content: "\e93c"; }
+        &-plus::before { content: "\e93d"; }
+        &-scream::before { content: "\e93e"; }
+        &-skeleton::before { content: "\e93f"; }
+        &-skull::before { content: "\e940"; }
+        &-slime::before { content: "\e941"; }
+        &-time::before { content: "\e942"; }
+        &-minus-uneven::before { content: "\e943"; }
+        &-plus-uneven::before { content: "\e944"; }
+        &-verse::before { content: "\e945"; }
+        &-vortex::before { content: "\e946"; }
+    }

-/**
- * Other */
-
-.@{ms-prefix}-flashback:before { content: "\e629"; }
-.@{ms-prefix}-dfc-night:before { content: "\e905"; }
-.@{ms-prefix}-dfc-day:before { content: "\e906"; }
-.@{ms-prefix}-dfc-ignite:before { content: "\e908"; }
-.@{ms-prefix}-dfc-spark:before { content: "\e909"; }
-.@{ms-prefix}-dfc-emrakul:before { content: "\e90a"; }
-.@{ms-prefix}-dfc-moon:before { content: "\e90b"; }
-.@{ms-prefix}-dfc-enchantment:before { content: "\e920"; }
-.@{ms-prefix}-power:before { content: "\e921"; }
-.@{ms-prefix}-toughness:before { content: "\e922"; }
-.@{ms-prefix}-artist-brush:before { content: "\e923"; }
-.@{ms-prefix}-artist-nib:before { content: "\e924"; }
-
-/**
- * Guilds and Clans */
-
-.@{ms-prefix}-guild-azorius:before { content: "\e90c"; }
-.@{ms-prefix}-guild-boros:before { content: "\e90d"; }
-.@{ms-prefix}-guild-dimir:before { content: "\e90e"; }
-.@{ms-prefix}-guild-golgari:before { content: "\e90f"; }
-.@{ms-prefix}-guild-gruul:before { content: "\e910"; }
-.@{ms-prefix}-guild-izzet:before { content: "\e911"; }
-.@{ms-prefix}-guild-orzhov:before { content: "\e912"; }
-.@{ms-prefix}-guild-rakdos:before { content: "\e913"; }
-.@{ms-prefix}-guild-selesnya:before { content: "\e914"; }
-.@{ms-prefix}-guild-simic:before { content: "\e915"; }
-.@{ms-prefix}-clan-abzan:before { content: "\e916"; }
-.@{ms-prefix}-clan-jeskai:before { content: "\e917"; }
-.@{ms-prefix}-clan-mardu:before { content: "\e918"; }
-.@{ms-prefix}-clan-sultai:before { content: "\e919"; }
-.@{ms-prefix}-clan-temur:before { content: "\e91a"; }
-.@{ms-prefix}-clan-atarka:before { content: "\e91b"; }
-.@{ms-prefix}-clan-dromoka:before { content: "\e91c"; }
-.@{ms-prefix}-clan-kolaghan:before { content: "\e91d"; }
-.@{ms-prefix}-clan-ojutai:before { content: "\e91e"; }
-.@{ms-prefix}-clan-silumgar:before { content: "\e91f"; }
-
-/**
- * Poleis */
-
-.@{ms-prefix}-polis-setessa:before { content: "\e926"; }
-.@{ms-prefix}-polis-akros:before { content: "\e927"; }
-.@{ms-prefix}-polis-meletis:before { content: "\e928"; }
-
-/**
- * Counters */
-
-.@{ms-prefix}-counter-arrow:before { content: "\e92b"; }
-.@{ms-prefix}-counter-brick:before { content: "\e92c"; }
-.@{ms-prefix}-counter-charge:before { content: "\e92d"; }
-.@{ms-prefix}-counter-devotion:before { content: "\e92e"; }
-.@{ms-prefix}-counter-doom:before { content: "\e92f"; }
-.@{ms-prefix}-counter-echo:before { content: "\e930"; }
-.@{ms-prefix}-counter-flame:before { content: "\e931"; }
-.@{ms-prefix}-counter-flood:before { content: "\e932"; }
-.@{ms-prefix}-counter-fungus:before { content: "\e933"; }
-.@{ms-prefix}-counter-gold:before { content: "\e934"; }
-.@{ms-prefix}-counter-ki:before { content: "\e935"; }
-.@{ms-prefix}-counter-lore:before { content: "\e936"; }
-.@{ms-prefix}-counter-loyalty:before { content: "\e937"; }
-.@{ms-prefix}-counter-mining:before { content: "\e938"; }
-.@{ms-prefix}-counter-minus:before { content: "\e939"; }
-.@{ms-prefix}-counter-muster:before { content: "\e93a"; }
-.@{ms-prefix}-counter-paw:before { content: "\e93b"; }
-.@{ms-prefix}-counter-pin:before { content: "\e93c"; }
-.@{ms-prefix}-counter-plus:before { content: "\e93d"; }
-.@{ms-prefix}-counter-scream:before { content: "\e93e"; }
-.@{ms-prefix}-counter-skeleton:before { content: "\e93f"; }
-.@{ms-prefix}-counter-skull:before { content: "\e940"; }
-.@{ms-prefix}-counter-slime:before { content: "\e941"; }
-.@{ms-prefix}-counter-time:before { content: "\e942"; }
-.@{ms-prefix}-counter-minus-uneven:before { content: "\e943"; }
-.@{ms-prefix}-counter-plus-uneven:before { content: "\e944"; }
-.@{ms-prefix}-counter-verse:before { content: "\e945"; }
-.@{ms-prefix}-counter-vortex:before { content: "\e946"; }
+    // abilities
+    &-ability {
+        &-activated::before,
+            &-crew::before,
+            &-cycling::before { content: "\e947"; }
+        &-adamant::before { content: "\e974"; }
+        &-adapt::before { content: "\e975"; }
+        &-addendum::before { content: "\e976"; }
+        &-adventure::before { content: "\e948"; }
+        &-afflict::before { content: "\e977"; }
+        &-afterlife::before { content: "\e978"; }
+        &-aftermath::before { content: "\e979"; }
+        &-amass::before { content: "\e97a"; }
+        &-ascend::before { content: "\e94a"; }
+        &-companion::before { content: "\e97b"; }
+        &-constellation::before { content: "\e97c"; }
+        &-convoke::before { content: "\e949"; }
+        &-deathtouch::before { content: "\e94b"; }
+        &-defender::before { content: "\e94c"; }
+        &-devotion::before { content: "\e97d"; }
+        &-double-strike::before { content: "\e94d"; }
+        &-embalm::before { content: "\e97e"; }
+        &-enrage::before { content: "\e94e"; }
+        &-escape::before { content: "\e969"; }
+        &-eternalize::before { content: "\e97f"; }
+        &-explore::before { content: "\e94f"; }
+        &-first-strike::before { content: "\e950"; }
+        &-flash::before { content: "\e951"; }
+        &-flying::before { content: "\e952"; }
+        &-haste::before { content: "\e953"; }
+        &-hexproof {
+            &::before { content: "\e954"; }
+            &-black::before { content: "\e955"; }
+            &-blue::before { content: "\e956"; }
+            &-green::before { content: "\e957"; }
+            &-red::before { content: "\e958"; }
+            &-white::before { content: "\e959"; }
+        }
+        &-indestructible::before { content: "\e95a"; }
+        &-jumpstart::before { content: "\e95b"; }
+        &-lifelink::before { content: "\e95c"; }
+        &-menace::before { content: "\e95d"; }
+        &-mentor::before { content: "\e95e"; }
+        &-mutate::before { content: "\e980"; }
+        &-proliferate::before { content: "\e981"; }
+        &-prowess::before { content: "\e982"; }
+        &-raid::before { content: "\e95f"; }
+        &-reach::before { content: "\e960"; }
+        &-revolt::before { content: "\e961"; }
+        &-riot::before { content: "\e973"; }
+        &-spectacle::before { content: "\e96b"; }
+        &-static::before,
+            &-enchant::before,
+            &-improvise::before,
+            &-kicker::before { content: "\e962"; }
+        &-summoning-sickness::before { content: "\e96a"; }
+        &-surveil::before { content: "\e963"; }
+        &-trample::before { content: "\e964"; }
+        &-transform::before { content: "\e965"; }
+        &-triggered::before,
+            &-fabricate::before { content: "\e966"; }
+        &-undergrowth::before { content: "\e967"; }
+        &-vigilance::before { content: "\e968"; }
+    }
+}
--- a/less/loyalty.less
+++ b/less/loyalty.less
@ -21,29 +21,29 @@
    }

    // Counters
-    &-0:after,
-    &-1:after,
-    &-2:after,
-    &-3:after,
-    &-4:after,
-    &-5:after,
-    &-6:after,
-    &-7:after,
-    &-8:after,
-    &-9:after,
-    &-10:after,
-    &-11:after,
-    &-12:after,
-    &-13:after,
-    &-14:after,
-    &-15:after,
-    &-16:after,
-    &-17:after,
-    &-18:after,
-    &-19:after,
-    &-20:after,
-    &-25:after,
-    &-x:after {
+    &-0::after,
+    &-1::after,
+    &-2::after,
+    &-3::after,
+    &-4::after,
+    &-5::after,
+    &-6::after,
+    &-7::after,
+    &-8::after,
+    &-9::after,
+    &-10::after,
+    &-11::after,
+    &-12::after,
+    &-13::after,
+    &-14::after,
+    &-15::after,
+    &-16::after,
+    &-17::after,
+    &-18::after,
+    &-19::after,
+    &-20::after,
+    &-25::after,
+    &-x::after {
        color: #fff;
        display: inline-block;
        font-size: 0.5em;
@ -54,79 +54,79 @@
        width: 100%;
        text-align: center;
    }
-    &-0:after { content: "0"; }
+    &-0::after { content: "0"; }
    &-up {
-        &.@{ms-prefix}-loyalty-1:after { content: "+1"; }
-        &.@{ms-prefix}-loyalty-2:after { content: "+2"; }
-        &.@{ms-prefix}-loyalty-3:after { content: "+3"; }
-        &.@{ms-prefix}-loyalty-4:after { content: "+4"; }
-        &.@{ms-prefix}-loyalty-5:after { content: "+5"; }
-        &.@{ms-prefix}-loyalty-6:after { content: "+6"; }
-        &.@{ms-prefix}-loyalty-7:after { content: "+7"; }
-        &.@{ms-prefix}-loyalty-8:after { content: "+8"; }
-        &.@{ms-prefix}-loyalty-9:after { content: "+9"; }
-        &.@{ms-prefix}-loyalty-10:after { content: "+10"; }
-        &.@{ms-prefix}-loyalty-11:after { content: "+11"; }
-        &.@{ms-prefix}-loyalty-12:after { content: "+12"; }
-        &.@{ms-prefix}-loyalty-13:after { content: "+13"; }
-        &.@{ms-prefix}-loyalty-14:after { content: "+14"; }
-        &.@{ms-prefix}-loyalty-15:after { content: "+15"; }
-        &.@{ms-prefix}-loyalty-16:after { content: "+16"; }
-        &.@{ms-prefix}-loyalty-17:after { content: "+17"; }
-        &.@{ms-prefix}-loyalty-18:after { content: "+18"; }
-        &.@{ms-prefix}-loyalty-19:after { content: "+19"; }
-        &.@{ms-prefix}-loyalty-20:after { content: "+20"; }
-        &.@{ms-prefix}-loyalty-25:after { content: "+25"; }
-        &.@{ms-prefix}-loyalty-x:after { content: "+X"; }
+        &.@{ms-prefix}-loyalty-1::after { content: "+1"; }
+        &.@{ms-prefix}-loyalty-2::after { content: "+2"; }
+        &.@{ms-prefix}-loyalty-3::after { content: "+3"; }
+        &.@{ms-prefix}-loyalty-4::after { content: "+4"; }
+        &.@{ms-prefix}-loyalty-5::after { content: "+5"; }
+        &.@{ms-prefix}-loyalty-6::after { content: "+6"; }
+        &.@{ms-prefix}-loyalty-7::after { content: "+7"; }
+        &.@{ms-prefix}-loyalty-8::after { content: "+8"; }
+        &.@{ms-prefix}-loyalty-9::after { content: "+9"; }
+        &.@{ms-prefix}-loyalty-10::after { content: "+10"; }
+        &.@{ms-prefix}-loyalty-11::after { content: "+11"; }
+        &.@{ms-prefix}-loyalty-12::after { content: "+12"; }
+        &.@{ms-prefix}-loyalty-13::after { content: "+13"; }
+        &.@{ms-prefix}-loyalty-14::after { content: "+14"; }
+        &.@{ms-prefix}-loyalty-15::after { content: "+15"; }
+        &.@{ms-prefix}-loyalty-16::after { content: "+16"; }
+        &.@{ms-prefix}-loyalty-17::after { content: "+17"; }
+        &.@{ms-prefix}-loyalty-18::after { content: "+18"; }
+        &.@{ms-prefix}-loyalty-19::after { content: "+19"; }
+        &.@{ms-prefix}-loyalty-20::after { content: "+20"; }
+        &.@{ms-prefix}-loyalty-25::after { content: "+25"; }
+        &.@{ms-prefix}-loyalty-x::after { content: "+X"; }
    }
    &-start {
-        &.@{ms-prefix}-loyalty-1:after { content: "1"; }
-        &.@{ms-prefix}-loyalty-2:after { content: "2"; }
-        &.@{ms-prefix}-loyalty-3:after { content: "3"; }
-        &.@{ms-prefix}-loyalty-4:after { content: "4"; }
-        &.@{ms-prefix}-loyalty-5:after { content: "5"; }
-        &.@{ms-prefix}-loyalty-6:after { content: "6"; }
-        &.@{ms-prefix}-loyalty-7:after { content: "7"; }
-        &.@{ms-prefix}-loyalty-8:after { content: "8"; }
-        &.@{ms-prefix}-loyalty-9:after { content: "9"; }
-        &.@{ms-prefix}-loyalty-10:after { content: "10"; }
-        &.@{ms-prefix}-loyalty-11:after { content: "11"; }
-        &.@{ms-prefix}-loyalty-12:after { content: "12"; }
-        &.@{ms-prefix}-loyalty-13:after { content: "13"; }
-        &.@{ms-prefix}-loyalty-14:after { content: "14"; }
-        &.@{ms-prefix}-loyalty-15:after { content: "15"; }
-        &.@{ms-prefix}-loyalty-16:after { content: "16"; }
-        &.@{ms-prefix}-loyalty-17:after { content: "17"; }
-        &.@{ms-prefix}-loyalty-18:after { content: "18"; }
-        &.@{ms-prefix}-loyalty-19:after { content: "19"; }
-        &.@{ms-prefix}-loyalty-20:after { content: "20"; }
-        &.@{ms-prefix}-loyalty-25:after { content: "25"; }
-        &.@{ms-prefix}-loyalty-x:after { content: "X"; }
+        &.@{ms-prefix}-loyalty-1::after { content: "1"; }
+        &.@{ms-prefix}-loyalty-2::after { content: "2"; }
+        &.@{ms-prefix}-loyalty-3::after { content: "3"; }
+        &.@{ms-prefix}-loyalty-4::after { content: "4"; }
+        &.@{ms-prefix}-loyalty-5::after { content: "5"; }
+        &.@{ms-prefix}-loyalty-6::after { content: "6"; }
+        &.@{ms-prefix}-loyalty-7::after { content: "7"; }
+        &.@{ms-prefix}-loyalty-8::after { content: "8"; }
+        &.@{ms-prefix}-loyalty-9::after { content: "9"; }
+        &.@{ms-prefix}-loyalty-10::after { content: "10"; }
+        &.@{ms-prefix}-loyalty-11::after { content: "11"; }
+        &.@{ms-prefix}-loyalty-12::after { content: "12"; }
+        &.@{ms-prefix}-loyalty-13::after { content: "13"; }
+        &.@{ms-prefix}-loyalty-14::after { content: "14"; }
+        &.@{ms-prefix}-loyalty-15::after { content: "15"; }
+        &.@{ms-prefix}-loyalty-16::after { content: "16"; }
+        &.@{ms-prefix}-loyalty-17::after { content: "17"; }
+        &.@{ms-prefix}-loyalty-18::after { content: "18"; }
+        &.@{ms-prefix}-loyalty-19::after { content: "19"; }
+        &.@{ms-prefix}-loyalty-20::after { content: "20"; }
+        &.@{ms-prefix}-loyalty-25::after { content: "25"; }
+        &.@{ms-prefix}-loyalty-x::after { content: "X"; }
    }
    &-down {
-        &:after{ line-height: 1.8em; }
-        &.@{ms-prefix}-loyalty-1:after { content: "-1"; }
-        &.@{ms-prefix}-loyalty-2:after { content: "-2"; }
-        &.@{ms-prefix}-loyalty-3:after { content: "-3"; }
-        &.@{ms-prefix}-loyalty-4:after { content: "-4"; }
-        &.@{ms-prefix}-loyalty-5:after { content: "-5"; }
-        &.@{ms-prefix}-loyalty-6:after { content: "-6"; }
-        &.@{ms-prefix}-loyalty-7:after { content: "-7"; }
-        &.@{ms-prefix}-loyalty-8:after { content: "-8"; }
-        &.@{ms-prefix}-loyalty-9:after { content: "-9"; }
-        &.@{ms-prefix}-loyalty-10:after { content: "-10"; }
-        &.@{ms-prefix}-loyalty-11:after { content: "-11"; }
-        &.@{ms-prefix}-loyalty-12:after { content: "-12"; }
-        &.@{ms-prefix}-loyalty-13:after { content: "-13"; }
-        &.@{ms-prefix}-loyalty-14:after { content: "-14"; }
-        &.@{ms-prefix}-loyalty-15:after { content: "-15"; }
-        &.@{ms-prefix}-loyalty-16:after { content: "-16"; }
-        &.@{ms-prefix}-loyalty-17:after { content: "-17"; }
-        &.@{ms-prefix}-loyalty-18:after { content: "-18"; }
-        &.@{ms-prefix}-loyalty-19:after { content: "-19"; }
-        &.@{ms-prefix}-loyalty-20:after { content: "-20"; }
-        &.@{ms-prefix}-loyalty-25:after { content: "-25"; }
-        &.@{ms-prefix}-loyalty-x:after { content: "-X"; }
+        &::after{ line-height: 1.8em; }
+        &.@{ms-prefix}-loyalty-1::after { content: "-1"; }
+        &.@{ms-prefix}-loyalty-2::after { content: "-2"; }
+        &.@{ms-prefix}-loyalty-3::after { content: "-3"; }
+        &.@{ms-prefix}-loyalty-4::after { content: "-4"; }
+        &.@{ms-prefix}-loyalty-5::after { content: "-5"; }
+        &.@{ms-prefix}-loyalty-6::after { content: "-6"; }
+        &.@{ms-prefix}-loyalty-7::after { content: "-7"; }
+        &.@{ms-prefix}-loyalty-8::after { content: "-8"; }
+        &.@{ms-prefix}-loyalty-9::after { content: "-9"; }
+        &.@{ms-prefix}-loyalty-10::after { content: "-10"; }
+        &.@{ms-prefix}-loyalty-11::after { content: "-11"; }
+        &.@{ms-prefix}-loyalty-12::after { content: "-12"; }
+        &.@{ms-prefix}-loyalty-13::after { content: "-13"; }
+        &.@{ms-prefix}-loyalty-14::after { content: "-14"; }
+        &.@{ms-prefix}-loyalty-15::after { content: "-15"; }
+        &.@{ms-prefix}-loyalty-16::after { content: "-16"; }
+        &.@{ms-prefix}-loyalty-17::after { content: "-17"; }
+        &.@{ms-prefix}-loyalty-18::after { content: "-18"; }
+        &.@{ms-prefix}-loyalty-19::after { content: "-19"; }
+        &.@{ms-prefix}-loyalty-20::after { content: "-20"; }
+        &.@{ms-prefix}-loyalty-25::after { content: "-25"; }
+        &.@{ms-prefix}-loyalty-x::after { content: "-X"; }
    }

 }
@ -135,15 +135,15 @@
 * Saga loyalty */

 .@{ms-prefix}-saga {
-    
+
    // Defaults
-    
-    // Numbers 
-    &-1:after,
-    &-2:after,
-    &-3:after,
-    &-4:after,
-    &-5:after { // future proofing :P
+
+    // Numbers
+    &-1::after,
+    &-2::after,
+    &-3::after,
+    &-4::after,
+    &-5::after { // future proofing :P
        color: #fff;
        display: inline-block;
        font-size: 0.6em;
@ -154,11 +154,11 @@
        width: 100%;
        text-align: center;
    }
-    
-    &-1:after { content: "I"; }
-    &-2:after { content: "II"; }
-    &-3:after { content: "III"; }
-    &-4:after { content: "IV"; }
-    &-5:after { content: "V"; }
-    
-}
+
+    &-1::after { content: "I"; }
+    &-2::after { content: "II"; }
+    &-3::after { content: "III"; }
+    &-4::after { content: "IV"; }
+    &-5::after { content: "V"; }
+
+}
--- a/less/mana.less
+++ b/less/mana.less
@ -1,8 +1,8 @@
@import "variables.less";
@import "path.less";
@import "core.less";
+@import "icons.less";
@import "cost.less";
@import "loyalty.less";
@import "dfc.less";
-@import "sizes.less";
-@import "icons.less";
+@import "sizes.less";
--- a/less/path.less
+++ b/less/path.less
@ -1,3 +1,5 @@
+// fonts
+
@font-face {
    font-family: 'Mana';
    src:url( '@{ms-font-path}/mana.eot?v=@{ms-version}' );
@ -18,4 +20,4 @@
        url( '@{ms-font-path}/mplantin.svg?v=@{ms-version}#mplantin') format( 'svg' );
    font-weight: normal;
    font-style: normal;
-}
+}
--- a/less/variables.less
+++ b/less/variables.less
@ -1,8 +1,5 @@
-/**
- * Global */
-
@ms-font-path: '../fonts';
-@ms-version: '1.6.0';
+@ms-version: '1.9.0';
@ms-font-size-base: 14px;
@ms-prefix: ms;
-@ms-serif-font: MPlantin, Garamond, Palatino, 'Times New Roman', Times, serif;
+@ms-serif-font: MPlantin, Garamond, Palatino, 'Times New Roman', Times, serif;
--- a/package.json
+++ b/package.json
@ -1,6 +1,6 @@
 {
  "name": "mana-font",
-  "version": "1.7.0",
+  "version": "1.9.0",
  "description": "Magic: the Gathering mana symbol pictographic font",
  "main": "css/mana.css",
  "repository": {
@ -18,7 +18,9 @@
  ],
  "scripts": {
    "less": "lessc less/mana.less css/mana.css",
-    "lessmin": "lessc --clean-css less/mana.less css/mana.min.css"
+    "lessmin": "lessc --clean-css less/mana.less css/mana.min.css",
+    "sass": "sass sass/mana.scss css/mana.css --style=expanded",
+    "sassmin": "sass sass/mana.scss css/mana.css --style compressed"
  },
  "author": "Andrew Gioia <andrew@gioia.email>",
  "license": "MIT",
--- a/sass/_core.scss
+++ b/sass/_core.scss
@ -1,3 +1,5 @@
+// base
+
 .#{$ms-prefix} {
    display: inline-block;
    font: normal normal normal $ms-font-size-base/1 Mana;
@ -11,4 +13,4 @@
    // Better font rendering
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
-}
+}
--- a/sass/_cost.scss
+++ b/sass/_cost.scss
@ -1,9 +1,7 @@
-/**
- * Mana cost styles */
+// costs

 .#{$ms-prefix}-cost {

-    // Base cost styles
    background-color: #BEB9B2;
    border-radius: 1em;
    color: #111;
@ -13,7 +11,7 @@
    line-height: 1.35em;
    text-align: center;

-    // Single symbols
+    // single costs
    &.#{$ms-prefix}-w,
    &.#{$ms-prefix}-wp {
        background-color: #F0F2C0;
@ -35,7 +33,7 @@
        background-color: #93B483;
    }

-    // Split symbols
+    // split costs
    &.#{$ms-prefix}-wu,
    &.#{$ms-prefix}-wb,
    &.#{$ms-prefix}-ub,
@ -54,16 +52,16 @@
        position: relative;
        width: 1.3em;
        height: 1.3em;
-        &:before,
-        &:after {
+        &::before,
+        &::after {
            font-size: 0.55em !important;
            position: absolute;
        }
-        &:before {
+        &::before {
            top: -0.38em;
            left: 0.28em;
        }
-        &:after {
+        &::after {
            top: 0.5em;
            left: 1.0em;
        }
@ -219,21 +217,21 @@
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#beb9b2', endColorstr='#93b483',GradientType=1 ); // IE6-9 fallback on horizontal gradient
    }

-    // Phyrexian mana and size increases
-    &.#{$ms-prefix}-p:before,
-    &.#{$ms-prefix}-wp:before,
-    &.#{$ms-prefix}-up:before,
-    &.#{$ms-prefix}-bp:before,
-    &.#{$ms-prefix}-rp:before,
-    &.#{$ms-prefix}-gp:before {
+    // phyrexian mana
+    &.#{$ms-prefix}-p::before,
+    &.#{$ms-prefix}-wp::before,
+    &.#{$ms-prefix}-up::before,
+    &.#{$ms-prefix}-bp::before,
+    &.#{$ms-prefix}-rp::before,
+    &.#{$ms-prefix}-gp::before {
        display: inline-block;
        -moz-transform: scale( 1.2, 1.2 );
        -webkit-transform: scale( 1.2, 1.2 );
        transform: scale( 1.2, 1.2 );
    }

-    // Alternate tap
-    &.#{$ms-prefix}-tap-alt:before {
+    // alternate tap
+    &.#{$ms-prefix}-tap-alt::before {
        display: inline-block;
        -moz-transform: scale( 1.2, 1.2 );
        -webkit-transform: scale( 1.2, 1.2 );
@ -242,8 +240,8 @@
        padding-bottom: 0.10em;
    }

-    // Snow mana
-    &.#{$ms-prefix}-s:before {
+    // snow mana
+    &.#{$ms-prefix}-s::before {
        color: #fff;
        -webkit-text-stroke: 2px #fff;
        font-size: 0.85em;
@ -251,7 +249,7 @@
        position: relative;
        display: inline-block;
    }
-    &.#{$ms-prefix}-s:after {
+    &.#{$ms-prefix}-s::after {
        //text-shadow: -1px 1px 0 #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, 1px 1px 0 #fff;
        content: "\e619";
        position: absolute;
@ -260,13 +258,13 @@
        font-size: 1.1em;
    }

-    // Tap symbols
+    // tap symbols
    &.#{$ms-prefix}-untap {
        background-color: #111;
        color: #fff;
    }

-    // Shadow
+    // shadow alternative
    &.#{$ms-prefix}-shadow {
        box-shadow: -0.06em 0.07em 0 #111, 0 0.06em 0 #111;
        &.#{$ms-prefix}-untap {
@ -276,34 +274,31 @@
 }


-/**
- * Split costs */
+// split cost specifics

 .#{$ms-prefix}-split {
    position: relative;
    width: 1.3em;
    height: 1.3em;
 }
-.#{$ms-prefix}-split:before,
-.#{$ms-prefix}-split:after {
+.#{$ms-prefix}-split::before,
+.#{$ms-prefix}-split::after {
    font-size: 0.55em !important;
    position: absolute;
 }
-.#{$ms-prefix}-split:before {
+.#{$ms-prefix}-split::before {
    top: -0.38em;
    left: 0.28em;
 }
-.#{$ms-prefix}-split:after {
+.#{$ms-prefix}-split::after {
    top: 0.5em;
    left: 1.0em;
 }


-/**
- * Half costs */
+// half costs specifics

-// Legacy handling with <span> tag
-span.#{$ms-prefix}-half {
+span.#{$ms-prefix}-half { // legacy handling with <span> tag
    width: .675em;
    overflow: hidden;
    display: inline-block;
@ -314,24 +309,22 @@ span.#{$ms-prefix}-half {
    }
 }

-// New single-element handling!
-.#{$ms-prefix}-half {
+.#{$ms-prefix}-half { // new single-element handling!
    width: .675em;
    margin-left: .675em;
    overflow: hidden;
    border-radius: 0 1em 1em 0;
-    &:before {
+    &::before {
        margin-left: -.65em;
    }
 }


-/**
- * Un-set costs */
+// un-set costs

 .#{$ms-prefix}-100 {
    width: 2.4em;
 }
 .#{$ms-prefix}-1000000 {
    width: 5.4em;
-}
+}
--- a/sass/_dfc.scss
+++ b/sass/_dfc.scss
@ -1,9 +1,8 @@
-/**
- * Double faced cards */
+// double-faced specifics

 .#{$ms-prefix}-dfc {
    color: #111;
    border: .05em solid #111;
    border-radius: 2em;
    padding: 0.025em;
-}
+}
--- a/sass/_icons.scss
+++ b/sass/_icons.scss
@ -1,191 +1,265 @@
-/**
- * Mana */
+// symbols

-.#{$ms-prefix}-w:before { content: "\e600"; }
-.#{$ms-prefix}-u:before { content: "\e601"; }
-.#{$ms-prefix}-b:before { content: "\e602"; }
-.#{$ms-prefix}-r:before { content: "\e603"; }
-.#{$ms-prefix}-g:before { content: "\e604"; }
-.#{$ms-prefix}-0:before { content: "\e605"; }
-.#{$ms-prefix}-1:before { content: "\e606"; }
-.#{$ms-prefix}-2:before { content: "\e607"; }
-.#{$ms-prefix}-3:before { content: "\e608"; }
-.#{$ms-prefix}-4:before { content: "\e609"; }
-.#{$ms-prefix}-5:before { content: "\e60a"; }
-.#{$ms-prefix}-6:before { content: "\e60b"; }
-.#{$ms-prefix}-7:before { content: "\e60c"; }
-.#{$ms-prefix}-8:before { content: "\e60d"; }
-.#{$ms-prefix}-9:before { content: "\e60e"; }
-.#{$ms-prefix}-10:before { content: "\e60f"; }
-.#{$ms-prefix}-11:before { content: "\e610"; }
-.#{$ms-prefix}-12:before { content: "\e611"; }
-.#{$ms-prefix}-13:before { content: "\e612"; }
-.#{$ms-prefix}-14:before { content: "\e613"; }
-.#{$ms-prefix}-15:before { content: "\e614"; }
-.#{$ms-prefix}-16:before { content: "\e62a"; }
-.#{$ms-prefix}-17:before { content: "\e62b"; }
-.#{$ms-prefix}-18:before { content: "\e62c"; }
-.#{$ms-prefix}-19:before { content: "\e62d"; }
-.#{$ms-prefix}-20:before { content: "\e62e"; }
-.#{$ms-prefix}-x:before { content: "\e615"; }
-.#{$ms-prefix}-y:before { content: "\e616"; }
-.#{$ms-prefix}-z:before { content: "\e617"; }
-.#{$ms-prefix}-p:before,
-.#{$ms-prefix}-wp:before,
-.#{$ms-prefix}-up:before,
-.#{$ms-prefix}-bp:before,
-.#{$ms-prefix}-rp:before,
-.#{$ms-prefix}-gp:before { content: "\e618"; }
-.#{$ms-prefix}-s:before { content: "\e619"; }
-.#{$ms-prefix}-c:before { content: "\e904"; }
-.#{$ms-prefix}-e:before,
-.#{$ms-prefix}-energy:before{ content: "\e907"; }
+.#{$ms-prefix} {

-/**
- * Tap/roll symbols */
+    // resources
+    &-w::before { content: "\e600"; }
+    &-u::before { content: "\e601"; }
+    &-b::before { content: "\e602"; }
+    &-r::before { content: "\e603"; }
+    &-g::before { content: "\e604"; }
+    &-0::before { content: "\e605"; }
+    &-1::before { content: "\e606"; }
+    &-2::before { content: "\e607"; }
+    &-3::before { content: "\e608"; }
+    &-4::before { content: "\e609"; }
+    &-5::before { content: "\e60a"; }
+    &-6::before { content: "\e60b"; }
+    &-7::before { content: "\e60c"; }
+    &-8::before { content: "\e60d"; }
+    &-9::before { content: "\e60e"; }
+    &-10::before { content: "\e60f"; }
+    &-11::before { content: "\e610"; }
+    &-12::before { content: "\e611"; }
+    &-13::before { content: "\e612"; }
+    &-14::before { content: "\e613"; }
+    &-15::before { content: "\e614"; }
+    &-16::before { content: "\e62a"; }
+    &-17::before { content: "\e62b"; }
+    &-18::before { content: "\e62c"; }
+    &-19::before { content: "\e62d"; }
+    &-20::before { content: "\e62e"; }
+    &-x::before { content: "\e615"; }
+    &-y::before { content: "\e616"; }
+    &-z::before { content: "\e617"; }
+    &-p::before,
+    &-wp::before,
+    &-up::before,
+    &-bp::before,
+    &-rp::before,
+    &-gp::before { content: "\e618"; }
+    &-s::before { content: "\e619"; }
+    &-c::before { content: "\e904"; }
+    &-e::before,
+    &-energy::before{ content: "\e907"; }
+    &-acorn::before { content: "\e929"; }
+    &-1-2::before { content: "\e902"; }
+    &-infinity::before { content: "\e903"; }

-.#{$ms-prefix}-tap:before { content: "\e61a"; }
-.#{$ms-prefix}-untap:before { content: "\e61b"; }
-.#{$ms-prefix}-tap-alt:before { content: "\e61c"; }
-.#{$ms-prefix}-chaos:before { content: "\e61d"; }
-.#{$ms-prefix}-1-2:before { content: "\e902"; }
-.#{$ms-prefix}-infinity:before { content: "\e903"; }
+    // tap/roll
+    &-tap::before { content: "\e61a"; }
+    &-untap::before { content: "\e61b"; }
+    &-tap-alt::before { content: "\e61c"; }
+    &-chaos::before { content: "\e61d"; }

-/**
- * Card types */
+    // card types
+    &-artifact::before { content: "\e61e"; }
+    &-conspiracy::before { content: "\e972"; }
+    &-creature::before { content: "\e61f"</
				`@ -0,0 +1 @@`
				{"version":3,"sourceRoot":"","sources":["../sass/_path.scss","../sass/_core.scss","../sass/_icons.scss","../sass/_cost.scss","../sass/_loyalty.scss","../sass/_variables.scss","../sass/_dfc.scss","../sass/_sizes.scss"],"names":[],"mappings":"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","file":"mana.css"}