Adds the new Defense loyalty symbol and utility classes for Battle cards (#103); adds Arena ability symbols for Backup and Incubate (#105); adds card type symbols for Battle and the Siege subtype (#105); adds new DFC symbols for front, back, face down, and meld cards (#102); updates Enrage and Convoke symbols to the new ones in Arena and aliases their old ones (#104 and #105)

CHANGELOG.md

@@ -10,6 +10,15 @@ All notable changes to this project will be documented in this file.
 
 ## Versions 
 
+### [1.15.6] 2023-05-29 Spring 2023 abilities, DFCs, Defense loyalty
+
+* **Added:** DFC symbols for front and back, as well as "face down" and the various meld cards on Arena ([#102](https://github.com/andrewgioia/mana/issues/102))
+* **Added:** Defense loyalty symbol and utility classes for battle cards ([#103](https://github.com/andrewgioia/mana/issues/103))
+* **Added:** Battle type symbol and Siege subtype symbol ([#105](https://github.com/andrewgioia/mana/issues/105))
+* **Added:** Arena ability symbols for Backup and Incubate ([#105](https://github.com/andrewgioia/mana/issues/105))
+* **Changed:** Enrage has a new ability symbol in Arena with the old one aliased; the old symbol is also now the new "marked with damage" symbol in arena ([#104](https://github.com/andrewgioia/mana/issues/104))
+* **Changed:** Convoke's ability symbol was also changed, with the old one alised as well ([#105](https://github.com/andrewgioia/mana/issues/105))
+
 ### [1.15.5] 2023-03-11 DFC and loyalty updates
 
 * **Added:** DFC symbols for Saga and the flip side, Saga creatures, from NEO ([#98](https://github.com/andrewgioia/mana/issues/98))

README.md

@@ -1,4 +1,4 @@
-# Mana v1.15.5
+# Mana v1.15.6
 
 ## The Magic: the Gathering mana symbol font!
 

bower.json

@@ -1,7 +1,7 @@
 {
   "name": "mana",
   "homepage": "https://github.com/andrewgioia/mana",
-  "version": "1.15.5",
+  "version": "1.15.6",
   "authors": [
     "Andrew Gioia <andrew@gioia.email>"
   ],

css/mana.css

@@ -1,14 +1,14 @@
 @font-face {
   font-family: "Mana";
-  src: url("../fonts/mana.eot?v=1.15.5");
+  src: url("../fonts/mana.eot?v=1.15.6");
-  src: url("../fonts/mana.eot?#iefix&v=1.15.5") format("embedded-opentype"), url("../fonts/mana.woff?v=1.15.5") format("woff"), url("../fonts/mana.ttf?v=1.15.5") format("truetype"), url("../fonts/mana.svg?v=1.15.5#mana") format("svg");
+  src: url("../fonts/mana.eot?#iefix&v=1.15.6") format("embedded-opentype"), url("../fonts/mana.woff?v=1.15.6") format("woff"), url("../fonts/mana.ttf?v=1.15.6") format("truetype"), url("../fonts/mana.svg?v=1.15.6#mana") format("svg");
   font-weight: normal;
   font-style: normal;
 }
 @font-face {
   font-family: "MPlantin";
-  src: url("../fonts/mplantin.eot?v=1.15.5");
+  src: url("../fonts/mplantin.eot?v=1.15.6");
-  src: url("../fonts/mplantin.eot?#iefix&v=1.15.5") format("embedded-opentype"), url("../fonts/mplantin.woff?v=1.15.5") format("woff"), url("../fonts/mplantin.ttf?v=1.15.5") format("truetype"), url("../fonts/mplantin.svg?v=1.15.5#mplantin") format("svg");
+  src: url("../fonts/mplantin.eot?#iefix&v=1.15.6") format("embedded-opentype"), url("../fonts/mplantin.woff?v=1.15.6") format("woff"), url("../fonts/mplantin.ttf?v=1.15.6") format("truetype"), url("../fonts/mplantin.svg?v=1.15.6#mplantin") format("svg");
   font-weight: normal;
   font-style: normal;
 }
@@ -161,6 +161,12 @@
 .ms-artifact::before {
   content: "\e61e";
 }
+.ms-battle::before {
+  content: "\e9d1";
+}
+.ms-battle-siege::before {
+  content: "\e9d2";
+}
 .ms-commander::before {
   content: "\e9c6";
 }
@@ -182,6 +188,9 @@
 .ms-land::before {
   content: "\e622";
 }
+.ms-multicolor::before {
+  content: "\e985";
+}
 .ms-phenomenon::before {
   content: "\e96e";
 }
@@ -212,9 +221,6 @@
 .ms-vanguard::before {
   content: "\e971";
 }
-.ms-multicolor::before {
-  content: "\e985";
-}
 .ms-hand::before {
   content: "\e9ca";
 }
@@ -266,12 +272,21 @@
 .ms-loyalty-start::before {
   content: "\e628";
 }
+.ms-defense::before {
+  content: "\e9d7";
+}
+.ms-defense-border::before {
+  content: "\e9d8";
+}
 .ms-level::before {
   content: "\e9c7";
 }
 .ms-level::after {
   content: "\e9c8";
 }
+.ms-dfc-back::before {
+  content: "\e9d4";
+}
 .ms-dfc-day::before {
   content: "\e906";
 }
@@ -281,6 +296,12 @@
 .ms-dfc-enchantment::before {
   content: "\e920";
 }
+.ms-dfc-facedown::before {
+  content: "\e9d6";
+}
+.ms-dfc-front::before {
+  content: "\e9d3";
+}
 .ms-dfc-ignite::before {
   content: "\e908";
 }
@@ -290,6 +311,9 @@
 .ms-dfc-lesson::before {
   content: "\e98f";
 }
+.ms-dfc-meld::before {
+  content: "\e9d5";
+}
 .ms-dfc-modal-back::before {
   content: "\e984";
 }
@@ -419,6 +443,9 @@
 .ms-counter-charge::before {
   content: "\e92d";
 }
+.ms-counter-damage::before {
+  content: "\e9dd";
+}
 .ms-counter-devotion::before {
   content: "\e92e";
 }
@@ -533,6 +560,9 @@
 .ms-ability-ascend::before {
   content: "\e94a";
 }
+.ms-ability-backup::before {
+  content: "\e9d9";
+}
 .ms-ability-blitz::before {
   content: "\e9b4";
 }
@@ -560,9 +590,12 @@
 .ms-ability-constellation::before {
   content: "\e97c";
 }
-.ms-ability-convoke::before {
+.ms-ability-convoke-original::before {
   content: "\e949";
 }
+.ms-ability-convoke::before {
+  content: "\e9da";
+}
 .ms-ability-corrupted::before {
   content: "\e9c0";
 }
@@ -609,6 +642,9 @@
   content: "\e9ba";
 }
 .ms-ability-enrage::before {
+  content: "\e9dc";
+}
+.ms-ability-enrage-original::before {
   content: "\e94e";
 }
 .ms-ability-escape::before {
@@ -668,6 +704,9 @@
 .ms-ability-hideaway::before {
   content: "\e9b8";
 }
+.ms-ability-incubate::before {
+  content: "\e9db";
+}
 .ms-ability-indestructible::before {
   content: "\e95a";
 }
@@ -1363,6 +1402,112 @@ span.ms-half > .ms-cost {
   width: 100%;
 }
 
+.ms-defense {
+  color: #111;
+  font-size: 1.5em;
+  position: relative;
+  text-align: center;
+}
+.ms-defense-0::after, .ms-defense-1::after, .ms-defense-2::after, .ms-defense-3::after, .ms-defense-4::after, .ms-defense-5::after, .ms-defense-6::after, .ms-defense-7::after, .ms-defense-8::after, .ms-defense-9::after, .ms-defense-10::after, .ms-defense-11::after, .ms-defense-12::after, .ms-defense-13::after, .ms-defense-14::after, .ms-defense-15::after, .ms-defense-16::after, .ms-defense-17::after, .ms-defense-18::after, .ms-defense-19::after, .ms-defense-20::after, .ms-defense-25::after, .ms-defense-x::after {
+  color: #fff;
+  display: inline-block;
+  font-size: 0.5em;
+  font-family: "MPlantin, Garamond, Palatino, 'Times New Roman', Times, serif";
+  position: absolute;
+  left: 0;
+  line-height: 2.25em;
+  width: 100%;
+  text-align: center;
+}
+.ms-defense-0::after {
+  content: "0";
+}
+.ms-defense-1::after {
+  content: "1";
+}
+.ms-defense-2::after {
+  content: "2";
+}
+.ms-defense-3::after {
+  content: "3";
+}
+.ms-defense-4::after {
+  content: "4";
+}
+.ms-defense-5::after {
+  content: "5";
+}
+.ms-defense-6::after {
+  content: "6";
+}
+.ms-defense-7::after {
+  content: "7";
+}
+.ms-defense-8::after {
+  content: "8";
+}
+.ms-defense-9::after {
+  content: "9";
+}
+.ms-defense-10::after {
+  content: "10";
+}
+.ms-defense-11::after {
+  content: "11";
+}
+.ms-defense-12::after {
+  content: "12";
+}
+.ms-defense-13::after {
+  content: "13";
+}
+.ms-defense-14::after {
+  content: "14";
+}
+.ms-defense-15::after {
+  content: "15";
+}
+.ms-defense-16::after {
+  content: "16";
+}
+.ms-defense-17::after {
+  content: "17";
+}
+.ms-defense-18::after {
+  content: "18";
+}
+.ms-defense-19::after {
+  content: "19";
+}
+.ms-defense-20::after {
+  content: "20";
+}
+.ms-defense-25::after {
+  content: "25";
+}
+.ms-defense-outline::before {
+  content: "\e9d8";
+}
+.ms-defense-outline::after {
+  color: #111;
+}
+.ms-defense-print {
+  display: list-item;
+  list-style-position: inside;
+}
+.ms-defense-print::before {
+  color: #fff;
+  content: "\e9d8";
+  position: absolute;
+  left: 0;
+  top: 0;
+  text-shadow: 0 0 5px #333;
+}
+.ms-defense-print::marker {
+  content: "\e9d7";
+  color: #111;
+}
+
 .ms-dfc {
   color: #111;
   border: 0.05em solid #111;

index.html

@@ -56,10 +56,12 @@
         .left {
             width: 46%;
             float: left;
+            margin-bottom: 2rem;
         }
         .right {
             width: 46%;
             float: right;
+            margin-bottom: 2rem;
         }
         @media screen and (max-width: 1280px) {
             .left, .right {
@@ -260,6 +262,11 @@
             <i class="ms ms-saga ms-saga-4 ms-2x"></i>
             &nbsp;&nbsp;
             <i class="ms ms-level ms-3x"><span>1-2</span></i>
+            &nbsp;&nbsp;
+            <i class="ms ms-defense ms-defense-0 ms-3x"></i>
+            <i class="ms ms-defense ms-defense-4 ms-3x"></i>
+            <i class="ms ms-defense ms-defense-outline ms-defense-5 ms-2x"></i>
+            <i class="ms ms-defense ms-defense-print ms-defense-4 ms-3x"></i>
         </div>
     </div>
     <div class="right">
@@ -276,6 +283,7 @@
             <i class="ms ms-ability-alliance ms-2x ms-fw" title="Alliance"></i>
             <i class="ms ms-ability-amass ms-2x ms-fw" title="Amass"></i>
             <i class="ms ms-ability-ascend ms-2x ms-fw" title="Ascend"></i>
+            <i class="ms ms-ability-backup ms-2x ms-fw" title="Backup"></i>
             <i class="ms ms-ability-blitz ms-2x ms-fw" title="Blitz"></i>
             <i class="ms ms-ability-boast ms-2x ms-fw" title="Boast"></i>
             <i class="ms ms-ability-casualty ms-2x ms-fw" title="Casualty"></i>
@@ -286,6 +294,7 @@
             <i class="ms ms-ability-companion ms-2x ms-fw" title="Companion"></i>
             <i class="ms ms-ability-constellation ms-2x ms-fw" title="Constellation"></i>
             <i class="ms ms-ability-convoke ms-2x ms-fw" title="Convoke"></i>
+            <i class="ms ms-ability-convoke-original ms-2x ms-fw" title="Convoke (Original)"></i>
             <i class="ms ms-ability-corrupted ms-2x ms-fw" title="Corrupted"></i>
             <i class="ms ms-ability-coven ms-2x ms-fw" title="Coven"></i>
             <i class="ms ms-ability-d20 ms-2x ms-fw" title="D20"></i>
@@ -302,6 +311,7 @@
             <i class="ms ms-ability-embalm ms-2x ms-fw" title="Embalm"></i>
             <i class="ms ms-ability-enlist ms-2x ms-fw" title="Enlist"></i>
             <i class="ms ms-ability-enrage ms-2x ms-fw" title="Enrage"></i>
+            <i class="ms ms-ability-enrage-original ms-2x ms-fw" title="Enrage (Original)"></i>
             <i class="ms ms-ability-escape ms-2x ms-fw" title="Escape"></i>
             <i class="ms ms-ability-eternalize ms-2x ms-fw" title="Eternalize"></i>
             <i class="ms ms-ability-exploit ms-2x ms-fw" title="Exploit"></i>
@@ -321,6 +331,7 @@
             <i class="ms ms-ability-hexproof-red ms-2x ms-fw" title="Hexproof: Red"></i>
             <i class="ms ms-ability-hexproof-green ms-2x ms-fw" title="Hexproof: Green"></i>
             <i class="ms ms-ability-hideaway ms-2x ms-fw" title="Hideaway"></i>
+            <i class="ms ms-ability-incubate ms-2x ms-fw" title="Incubate"></i>
             <i class="ms ms-ability-indestructible ms-2x ms-fw" title="Indestructible"></i>
             <i class="ms ms-ability-investigate ms-2x ms-fw" title="Investigate"></i>
             <i class="ms ms-ability-jumpstart ms-2x ms-fw" title="Jumpstart"></i>
@@ -363,6 +374,7 @@
         </p>
         <h3>Arena Exclusive Counters</h3>
         <p class="grid">
+            <i class="ms ms-counter-damage ms-2x ms-fw" title="Damaged"></i>
             <i class="ms ms-counter-shield ms-2x ms-fw" title="Shield"></i>
             <i class="ms ms-counter-stun ms-2x ms-fw" title="Stun"></i>
         </p>
@@ -412,6 +424,8 @@
             <i class="ms ms-phenomenon ms-2x ms-fw" title="Phenomenon"></i>
             <i class="ms ms-scheme ms-2x ms-fw" title="Scheme"></i>
             <i class="ms ms-conspiracy ms-2x ms-fw" title="Conspiracy"></i>
+            <i class="ms ms-battle ms-2x ms-fw" title="Battle"></i>
+            <i class="ms ms-battle-siege ms-2x ms-fw" title="Battle - Siege"></i>
         </p>
         <p class="grid">
             <i class="ms ms-multicolor ms-duo ms-duo-color ms-grad ms-2x ms-fw" title="Multicolor"></i>
@@ -438,6 +452,10 @@
             <i class="ms ms-dfc ms-dfc-lesson ms-2x ms-fw"></i>
             <i class="ms ms-dfc ms-dfc-saga ms-2x ms-fw"></i>
             <i class="ms ms-dfc ms-dfc-saga-creature ms-2x ms-fw"></i>
+            <i class="ms ms-dfc ms-dfc-front ms-2x ms-fw"></i>
+            <i class="ms ms-dfc ms-dfc-back ms-2x ms-fw"></i>
+            <i class="ms ms-dfc ms-dfc-meld ms-2x ms-fw"></i>
+            <i class="ms ms-dfc ms-dfc-facedown ms-2x ms-fw"></i>
             &nbsp;&nbsp;
             <i class="ms ms-dfc-modal-face ms-2x ms-fw"></i>
             <i class="ms ms-dfc-modal-back ms-2x ms-fw"></i>

less/icons.less

@@ -54,12 +54,15 @@
 
     // card types
     &-artifact::before { content: "\e61e"; }
+    &-battle::before { content: "\e9d1"; }
+    &-battle-siege::before { content: "\e9d2"; }
     &-commander::before { content: "\e9c6"; }
     &-conspiracy::before { content: "\e972"; }
     &-creature::before { content: "\e61f"; }
     &-enchantment::before { content: "\e620"; }
     &-instant::before { content: "\e621"; }
     &-land::before { content: "\e622"; }
+    &-multicolor::before { content: "\e985"; }
     &-phenomenon::before { content: "\e96e"; }
     &-plane::before { content: "\e96f"; }
     &-planeswalker::before { content: "\e623"; }
@@ -71,7 +74,6 @@
     &-tribal::before,
         &-multiple::before { content: "\e925"; }
     &-vanguard::before { content: "\e971"; }
-    &-multicolor::before { content: "\e985"; }
 
     // zones
     &-hand::before { content: "\e9ca"; }
@@ -142,13 +144,17 @@
     &-100::before { content: "\e900"; }
     &-1000000::before { content: "\e901"; }
 
-    // planeswalkers
+    // loyalty
     &-loyalty {
         &-up::before { content: "\e627"; } // Up
         &-down::before { content: "\e625"; } // Down
         &-zero::before { content: "\e626"; } // Zero
         &-start::before { content: "\e628"; } // Start
     }
+    &-defense {
+        &::before { content: "\e9d7"; }
+        &-border::before { content: "\e9d8"; }
+    }
 
     // levelers
     &-level {
@@ -158,12 +164,16 @@
 
     // double-faced cards
     &-dfc {
+        &-back::before { content: "\e9d4"; }
         &-day::before { content: "\e906"; }
         &-emrakul::before { content: "\e90a"; }
         &-enchantment::before { content: "\e920"; }
+        &-facedown::before { content: "\e9d6"; }
+        &-front::before { content: "\e9d3"; }
         &-ignite::before { content: "\e908"; }
         &-land::before { content: "\e9c5"; }
         &-lesson::before { content: "\e98f"; }
+        &-meld::before { content: "\e9d5"; }
         &-modal-back::before { content: "\e984"; }
         &-modal-face::before { content: "\e983"; }
         &-moon::before { content: "\e90b"; }
@@ -225,6 +235,7 @@
         &-arrow::before { content: "\e92b"; }
         &-brick::before { content: "\e92c"; }
         &-charge::before { content: "\e92d"; }
+        &-damage::before { content: "\e9dd"; } // same as original enrage
         &-devotion::before { content: "\e92e"; }
         &-doom::before { content: "\e92f"; }
         &-echo::before { content: "\e930"; }
@@ -270,6 +281,7 @@
         &-alliance::before { content: "\e9b5"; }
         &-amass::before { content: "\e97a"; }
         &-ascend::before { content: "\e94a"; }
+        &-backup::before { content: "\e9d9"; }
         &-blitz::before { content: "\e9b4"; }
         &-boast::before { content: "\e991"; }
         &-casualty::before { content: "\e9b7"; }
@@ -279,7 +291,10 @@
         &-combat-condition::before { content: "\e9ce"; }
         &-companion::before { content: "\e97b"; }
         &-constellation::before { content: "\e97c"; }
-        &-convoke::before { content: "\e949"; }
+        &-convoke {
+            &-original::before { content: "\e949"; }
+            &::before { content: "\e9da"; }
+        }
         &-corrupted::before { content: "\e9c0"; }
         &-coven::before { content: "\e9aa"; }
         &-d20::before { content: "\e999"; }
@@ -295,7 +310,10 @@
         &-dungeon::before { content: "\e995"; }
         &-embalm::before { content: "\e97e"; }
         &-enlist::before { content: "\e9ba"; }
-        &-enrage::before { content: "\e94e"; }
+        &-enrage {
+            &::before { content: "\e9dc"; }
+            &-original::before { content: "\e94e"; }
+        }
         &-escape::before { content: "\e969"; }
         &-eternalize::before { content: "\e97f"; }
         &-exploit::before { content: "\e9af"; }
@@ -317,6 +335,7 @@
             &-white::before { content: "\e959"; }
         }
         &-hideaway::before { content: "\e9b8"; }
+        &-incubate::before { content: "\e9db"; }
         &-indestructible::before { content: "\e95a"; }
         &-investigate::before { content: "\e9ab"; }
         &-jumpstart::before { content: "\e95b"; }

less/loyalty.less

@@ -145,7 +145,7 @@
             color: #111;
         }
         // correction for starting loyalty size
-        &.#{$ms-prefix}-loyalty-start {
+        &.@{ms-prefix}-loyalty-start {
             font-size: 1.6em;
         }
     }
@@ -213,4 +213,101 @@
         width: 100%;
     }
 
+}
+
+// defense loyalty
+.@{ms-prefix}-defense {
+
+    color: #111;
+    font-size: 1.5em;
+    position: relative;
+    text-align: center;
+
+    // base styles for 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 {
+        color: #fff;
+        display: inline-block;
+        font-size: 0.5em;
+        font-family: @ms-serif-font;
+        position: absolute;
+        left: 0;
+        line-height: 2.25em;
+        width: 100%;
+        text-align: center;
+    }
+
+    // values
+    &-0::after { content: "0"; }
+    &-1::after { content: "1"; }
+    &-2::after { content: "2"; }
+    &-3::after { content: "3"; }
+    &-4::after { content: "4"; }
+    &-5::after { content: "5"; }
+    &-6::after { content: "6"; }
+    &-7::after { content: "7"; }
+    &-8::after { content: "8"; }
+    &-9::after { content: "9"; }
+    &-10::after { content: "10"; }
+    &-11::after { content: "11"; }
+    &-12::after { content: "12"; }
+    &-13::after { content: "13"; }
+    &-14::after { content: "14"; }
+    &-15::after { content: "15"; }
+    &-16::after { content: "16"; }
+    &-17::after { content: "17"; }
+    &-18::after { content: "18"; }
+    &-19::after { content: "19"; }
+    &-20::after { content: "20"; }
+    &-25::after { content: "25"; }
+
+    // outline version
+    &-outline {
+        &::before {
+            content: "\e9d8";
+        }
+        &::after {
+            color: #111;
+        }
+    }
+
+    // experimental third layer for the border
+    &-print {
+        display: list-item;
+        list-style-position: inside;
+
+        &::before {
+            color: #fff;
+            content: "\e9d8";
+            position: absolute;
+            left: 0;
+            top: 0;
+            text-shadow: 0 0 5px #333;
+        }
+        &::marker {
+            content: "\e9d7";
+            color: #111;
+        }
+    }
 }

less/variables.less

@@ -1,6 +1,6 @@
 // base variables
 @ms-font-path: '../fonts';
-@ms-version: '1.15.5';
+@ms-version: '1.15.6';
 @ms-font-size-base: 14px;
 @ms-prefix: ms;
 @ms-serif-font: MPlantin, Garamond, Palatino, 'Times New Roman', Times, serif;

package.json

@@ -1,6 +1,6 @@
 {
   "name": "mana-font",
-  "version": "1.15.5",
+  "version": "1.15.6",
   "description": "Magic: the Gathering mana symbol pictographic font",
   "main": "css/mana.css",
   "repository": {
@@ -21,6 +21,7 @@
     "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.min.css --style compressed",
+    "rename": "for f in `find fonts/*`; do mv -v \"$f\" \"`echo $f | tr '[A-Z]' '[a-z]'`\"; done",
     "build": "npm run -s sass && npm run -s sassmin"
   },
   "author": "Andrew Gioia <andrew@gioia.email>",

sass/_icons.scss

@@ -54,6 +54,8 @@
 
     // card types
     &-artifact::before { content: "\e61e"; }
+    &-battle::before { content: "\e9d1"; }
+    &-battle-siege::before { content: "\e9d2"; }
     &-commander::before { content: "\e9c6"; }
     &-conspiracy::before { content: "\e972"; }
     &-creature::before { content: "\e61f"; }
@@ -61,6 +63,7 @@
     &-dungeon::before { content: "\e995"; }
     &-instant::before { content: "\e621"; }
     &-land::before { content: "\e622"; }
+    &-multicolor::before { content: "\e985"; }
     &-phenomenon::before { content: "\e96e"; }
     &-plane::before { content: "\e96f"; }
     &-planeswalker::before { content: "\e623"; }
@@ -72,7 +75,6 @@
     &-tribal::before,
         &-multiple::before { content: "\e925"; }
     &-vanguard::before { content: "\e971"; }
-    &-multicolor::before { content: "\e985"; }
 
     // zones
     &-hand::before { content: "\e9ca"; }
@@ -143,13 +145,17 @@
     &-100::before { content: "\e900"; }
     &-1000000::before { content: "\e901"; }
 
-    // planewalkers
+    // loyalty
     &-loyalty {
         &-up::before { content: "\e627"; } // up
         &-down::before { content: "\e625"; } // down
         &-zero::before { content: "\e626"; } // zero
         &-start::before { content: "\e628"; } // start
     }
+    &-defense {
+        &::before { content: "\e9d7"; }
+        &-border::before { content: "\e9d8"; }
+    }
 
     // levelers
     &-level {
@@ -159,12 +165,16 @@
 
     // double-faced cards
     &-dfc {
+        &-back::before { content: "\e9d4"; }
         &-day::before { content: "\e906"; }
         &-emrakul::before { content: "\e90a"; }
         &-enchantment::before { content: "\e920"; }
+        &-facedown::before { content: "\e9d6"; }
+        &-front::before { content: "\e9d3"; }
         &-ignite::before { content: "\e908"; }
         &-land::before { content: "\e9c5"; }
         &-lesson::before { content: "\e98f"; }
+        &-meld::before { content: "\e9d5"; }
         &-modal-back::before { content: "\e984"; }
         &-modal-face::before { content: "\e983"; }
         &-moon::before { content: "\e90b"; }
@@ -226,6 +236,7 @@
         &-arrow::before { content: "\e92b"; }
         &-brick::before { content: "\e92c"; }
         &-charge::before { content: "\e92d"; }
+        &-damage::before { content: "\e9dd"; } // same as original enrage
         &-devotion::before { content: "\e92e"; }
         &-doom::before { content: "\e92f"; }
         &-echo::before { content: "\e930"; }
@@ -271,6 +282,7 @@
         &-alliance::before { content: "\e9b5"; }
         &-amass::before { content: "\e97a"; }
         &-ascend::before { content: "\e94a"; }
+        &-backup::before { content: "\e9d9"; }
         &-blitz::before { content: "\e9b4"; }
         &-boast::before { content: "\e991"; }
         &-casualty::before { content: "\e9b7"; }
@@ -280,7 +292,10 @@
         &-combat-condition::before { content: "\e9ce"; }
         &-companion::before { content: "\e97b"; }
         &-constellation::before { content: "\e97c"; }
-        &-convoke::before { content: "\e949"; }
+        &-convoke {
+            &-original::before { content: "\e949"; }
+            &::before { content: "\e9da"; }
+        }
         &-corrupted::before { content: "\e9c0"; }
         &-coven::before { content: "\e9aa"; }
         &-d20::before { content: "\e999"; }
@@ -296,7 +311,10 @@
         &-dungeon::before { content: "\e995"; }
         &-embalm::before { content: "\e97e"; }
         &-enlist::before { content: "\e9ba"; }
-        &-enrage::before { content: "\e94e"; }
+        &-enrage {
+            &::before { content: "\e9dc"; }
+            &-original::before { content: "\e94e"; }
+        }
         &-escape::before { content: "\e969"; }
         &-eternalize::before { content: "\e97f"; }
         &-exploit::before { content: "\e9af"; }
@@ -318,6 +336,7 @@
             &-white::before { content: "\e959"; }
         }
         &-hideaway::before { content: "\e9b8"; }
+        &-incubate::before { content: "\e9db"; }
         &-indestructible::before { content: "\e95a"; }
         &-investigate::before { content: "\e9ab"; }
         &-jumpstart::before { content: "\e95b"; }

sass/_loyalty.scss

@@ -218,4 +218,102 @@
         width: 100%;
     }
 
+}
+
+// defense loyalty
+
+.#{$ms-prefix}-defense {
+
+    color: #111;
+    font-size: 1.5em;
+    position: relative;
+    text-align: center;
+
+    // base styles for 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 {
+        color: #fff;
+        display: inline-block;
+        font-size: 0.5em;
+        font-family: $ms-serif-font;
+        position: absolute;
+        left: 0;
+        line-height: 2.25em;
+        width: 100%;
+        text-align: center;
+    }
+
+    // values
+    &-0::after { content: "0"; }
+    &-1::after { content: "1"; }
+    &-2::after { content: "2"; }
+    &-3::after { content: "3"; }
+    &-4::after { content: "4"; }
+    &-5::after { content: "5"; }
+    &-6::after { content: "6"; }
+    &-7::after { content: "7"; }
+    &-8::after { content: "8"; }
+    &-9::after { content: "9"; }
+    &-10::after { content: "10"; }
+    &-11::after { content: "11"; }
+    &-12::after { content: "12"; }
+    &-13::after { content: "13"; }
+    &-14::after { content: "14"; }
+    &-15::after { content: "15"; }
+    &-16::after { content: "16"; }
+    &-17::after { content: "17"; }
+    &-18::after { content: "18"; }
+    &-19::after { content: "19"; }
+    &-20::after { content: "20"; }
+    &-25::after { content: "25"; }
+
+    // outline version
+    &-outline {
+        &::before {
+            content: "\e9d8";
+        }
+        &::after {
+            color: #111;
+        }
+    }
+
+    // experimental third layer for the border
+    &-print {
+        display: list-item;
+        list-style-position: inside;
+
+        &::before {
+            color: #fff;
+            content: "\e9d8";
+            position: absolute;
+            left: 0;
+            top: 0;
+            text-shadow: 0 0 5px #333;
+        }
+        &::marker {
+            content: "\e9d7";
+            color: #111;
+        }
+    }
 }

sass/_variables.scss

@@ -1,6 +1,6 @@
 // base variables
 $ms-font-path: '../fonts' !default;
-$ms-version: '1.15.5' !default;
+$ms-version: '1.15.6' !default;
 $ms-font-size-base: 14px !default;
 $ms-prefix: ms !default;
 $ms-serif-font: 'MPlantin, Garamond, Palatino, \'Times New Roman\', Times, serif' !default;