Adds symbols for MKM abilities Cloak, Case Solved, Collect Evidence, Disguise, Suspect, and Surveil (#121); print Case Solved (#118); KTK abilities Delve, Ferocious, Outlast, and Morph (#120); LCI abilities Craft, Descend, and Discover (#117); OTJ abilities Plot, Saddle, Spree, and Crime (#125); Spree indicator (#125); BLB abilities Gift, Offspring, Valiant, Forage, and Expend (#130); and DSK abilities Survival, Impending, Manifest Dread, and Eerie (#133). Removes bower.json.

CHANGELOG.md

@@ -10,7 +10,10 @@ All notable changes to this project will be documented in this file.
 
 ## Versions 
 
-### [1.17.0] 2024-XX-XX 2024 abilities
+### [1.17.0] 2024-11-06 2024 abilities
+
+* Note this release has not updated the LESS source files. It's become too much to maintain both sadly and LESS will be deprecated/removed going forward.
+* Note also that bower.json has been removed. Mana has not been published there for a while and will only be officially published to NPM.
 
 #### Added
 
@@ -23,6 +26,15 @@ All notable changes to this project will be documented in this file.
 * Rad counter on MTGO ([#132](https://github.com/andrewgioia/mana/issues/132))
 * Brick, Deathtouch, and Charge punchout counters ([#116](https://github.com/andrewgioia/mana/issues/116)). Goad and Finality added as aliases for the identical ability icons.
 * Party class watermarks for Cleric, Rogue, Warrior, and Wizard ([#136](https://github.com/andrewgioia/mana/issues/136))
+* Exalted ability symbol from MH3 ([#128](https://github.com/andrewgioia/mana/issues/128))
+* MKM ability symbols for Cloak, Case Solved, Collect Evidence, Disguise, Suspect, and Surveil ([#121](https://github.com/andrewgioia/mana/issues/121))
+* Print Case Solved symbol ([#118](https://github.com/andrewgioia/mana/issues/118))
+* LCI ability symbols for Craft, Descend, and Discover ([#117](https://github.com/andrewgioia/mana/issues/117))
+* KTK ability symbols for Delve, Ferocious, Outlast, and Morph ([#120](https://github.com/andrewgioia/mana/issues/120))
+* OTJ ability symbols for Plot, Saddle, Spree, and Crime ([#125](https://github.com/andrewgioia/mana/issues/125))
+* Spree card frame indicator ([#125](https://github.com/andrewgioia/mana/issues/125))
+* BLB ability symbols for Gift, Offspring, Valiant, Forage, and Expend ([#130](https://github.com/andrewgioia/mana/issues/130))
+* DSK ability symbols for Survival, Impending, Manifest Dread, and Eerie ([#133](https://github.com/andrewgioia/mana/issues/133))
 
 #### Changed
 

bower.json

@@ -1,32 +0,0 @@
-{
-  "name": "mana",
-  "homepage": "https://github.com/andrewgioia/mana",
-  "version": "1.16.1",
-  "authors": [
-    "Andrew Gioia <andrew@gioia.email>"
-  ],
-  "description": "Magic: the Gathering mana symbol pictographic font",
-  "main": [
-      "css/mana.css"
-  ],
-  "moduleType": [],
-  "keywords": [
-    "mana",
-    "mtg",
-    "mana symbols",
-    "magic",
-    "gathering",
-    "font"
-  ],
-  "license": "MIT",
-  "private": true,
-  "ignore": [
-    "**/.*",
-    "node_modules",
-    "bower_components",
-    "test",
-    "tests",
-    ".git",
-    ".gitignore"
-  ]
-}

css/mana.css

@@ -152,6 +152,9 @@
 .ms-d::before {
   content: "\ea2e";
 }
+.ms-spree::before {
+  content: "\ea55";
+}
 .ms-h::before, .ms-watermark-phyrexian::before {
   content: "\e618";
 }
@@ -500,7 +503,7 @@
 .ms-counter-echo::before {
   content: "\e930";
 }
-.ms-counter-finality::before {
+.ms-counter-finality::before, .ms-ability-finality::before {
   content: "\ea54";
 }
 .ms-counter-flame::before {

docs/icons.html

@@ -232,6 +232,9 @@
                     <div class="icon" id="multicolor" name="Multicolor">
                         <span><i class="ms ms-multicolor ms-duo"></i> Multicolor <em>(multicolor)</em></span>
                     </div>
+                    <div class="icon" id="spree" name="Spree">
+                        <span><i class="ms ms-spree"></i> Spree <em>(spree)</em></span>
+                    </div>
                 </div>
 
                 <h4 style="padding-top:25px;">Loyalty Symbols</h4>
@@ -636,6 +639,12 @@
                     <div class="icon" id="boast" name="Boast">
                         <span><i class="ms ms-ability-boast"></i> Boast <em>(ability-boast)</em></span>
                     </div>
+                    <div class="icon" id="case-solved" name="Case Solved">
+                        <span><i class="ms ms-ability-case-solved"></i> Case Solved <em>(ability-case-solved)</em></span>
+                    </div>
+                    <div class="icon" id="case-solved-print" name="Case Solved (Print)">
+                        <span><i class="ms ms-ability-case-solved-print"></i> Case Solved (Print) <em>(ability-case-solved-print)</em></span>
+                    </div>
                     <div class="icon" id="casualty" name="Casualty">
                         <span><i class="ms ms-ability-casualty"></i> Casualty <em>(ability-casualty)</em></span>
                     </div>
@@ -651,6 +660,12 @@
                     <div class="icon" id="cleave" name="Cleave">
                         <span><i class="ms ms-ability-cleave"></i> Cleave <em>(ability-cleave)</em></span>
                     </div>
+                    <div class="icon" id="cloak" name="Cloak">
+                        <span><i class="ms ms-ability-cloak"></i> Cloak <em>(ability-cloak)</em></span>
+                    </div>
+                    <div class="icon" id="collect-evidence" name="Collect Evidence">
+                        <span><i class="ms ms-ability-collect-evidence"></i> Collect Evidence <em>(ability-collect-evidence)</em></span>
+                    </div>
                     <div class="icon" id="companion" name="Companion">
                         <span><i class="ms ms-ability-companion"></i> Companion <em>(ability-companion)</em></span>
                     </div>
@@ -669,6 +684,12 @@
                     <div class="icon" id="coven" name="Coven">
                         <span><i class="ms ms-ability-coven"></i> Coven <em>(ability-coven)</em></span>
                     </div>
+                    <div class="icon" id="craft" name="Craft">
+                        <span><i class="ms ms-ability-craft"></i> Craft <em>(ability-craft)</em></span>
+                    </div>
+                    <div class="icon" id="crime" name="Crime">
+                        <span><i class="ms ms-ability-crime"></i> Crime <em>(ability-crime)</em></span>
+                    </div>
                     <div class="icon" id="d20" name="D20">
                         <span><i class="ms ms-ability-d20"></i> D20 <em>(ability-d20)</em></span>
                     </div>
@@ -687,9 +708,21 @@
                     <div class="icon" id="defender" name="Defender">
                         <span><i class="ms ms-ability-defender"></i> Defender <em>(ability-defender)</em></span>
                     </div>
+                    <div class="icon" id="delve" name="Delve">
+                        <span><i class="ms ms-ability-delve"></i> Delve <em>(ability-delve)</em></span>
+                    </div>
+                    <div class="icon" id="descend" name="Descend">
+                        <span><i class="ms ms-ability-descend"></i> Descend <em>(ability-descend)</em></span>
+                    </div>
                     <div class="icon" id="devotion" name="Devotion">
                         <span><i class="ms ms-ability-devotion"></i> Devotion <em>(ability-devotion)</em></span>
                     </div>
+                    <div class="icon" id="discover" name="Discover">
+                        <span><i class="ms ms-ability-discover"></i> Discover <em>(ability-discover)</em></span>
+                    </div>
+                    <div class="icon" id="disguise" name="Disguise">
+                        <span><i class="ms ms-ability-disguise"></i> Disguise <em>(ability-disguise)</em></span>
+                    </div>
                     <div class="icon" id="disturb" name="Disturb">
                         <span><i class="ms ms-ability-disturb"></i> Disturb <em>(ability-disturb)</em></span>
                     </div>
@@ -702,6 +735,9 @@
                     <div class="icon" id="dungeon" name="Dungeon">
                         <span><i class="ms ms-ability-dungeon"></i> Dungeon <em>(ability-dungeon)</em></span>
                     </div>
+                    <div class="icon" id="eerie" name="Eerie">
+                        <span><i class="ms ms-ability-eerie"></i> Eerie <em>(ability-eerie)</em></span>
+                    </div>
                     <div class="icon" id="embalm" name="Embalm">
                         <span><i class="ms ms-ability-embalm"></i> Embalm <em>(ability-embalm)</em></span>
                     </div>
@@ -720,6 +756,12 @@
                     <div class="icon" id="eternalize" name="Eternalize">
                         <span><i class="ms ms-ability-eternalize"></i> Eternalize <em>(ability-eternalize)</em></span>
                     </div>
+                    <div class="icon" id="exalted" name="Exalted">
+                        <span><i class="ms ms-ability-exalted"></i> Exalted <em>(ability-exalted)</em></span>
+                    </div>
+                    <div class="icon" id="expend" name="Expend">
+                        <span><i class="ms ms-ability-expend"></i> Expend <em>(ability-expend)</em></span>
+                    </div>
                     <div class="icon" id="exploit" name="Exploit">
                         <span><i class="ms ms-ability-exploit"></i> Exploit <em>(ability-exploit)</em></span>
                     </div>
@@ -729,6 +771,9 @@
                     <div class="icon" id="fabricate" name="Fabricate">
                         <span><i class="ms ms-ability-fabricate"></i> Fabricate <em>(ability-fabricate)</em></span>
                     </div>
+                    <div class="icon" id="ferocious" name="Ferocious">
+                        <span><i class="ms ms-ability-ferocious"></i> Ferocious <em>(ability-ferocious)</em></span>
+                    </div>
                     <div class="icon" id="first-strike" name="First Strike">
                         <span><i class="ms ms-ability-first-strike"></i> First Strike <em>(ability-first-strike)</em></span>
                     </div>
@@ -741,9 +786,15 @@
                     <div class="icon" id="for-mirrodin" name="For Mirrodin!">
                         <span><i class="ms ms-ability-for-mirrodin"></i> For Mirrodin! <em>(ability-for-mirrodin)</em></span>
                     </div>
+                    <div class="icon" id="forage" name="Forage">
+                        <span><i class="ms ms-ability-forage"></i> Forage <em>(ability-forage)</em></span>
+                    </div>
                     <div class="icon" id="foretell" name="Foretell">
                         <span><i class="ms ms-ability-foretell"></i> Foretell <em>(ability-foretell)</em></span>
                     </div>
+                    <div class="icon" id="ability-gift" name="Gift">
+                        <span><i class="ms ms-ability-gift"></i> Gift <em>(ability-gift)</em></span>
+                    </div>
                     <div class="icon" id="goad" name="Goad">
                         <span><i class="ms ms-ability-goad"></i> Goad <em>(ability-goad)</em></span>
                     </div>
@@ -771,6 +822,9 @@
                     <div class="icon" id="hideaway" name="Hideaway">
                         <span><i class="ms ms-ability-hideaway"></i> Hideaway <em>(ability-hideaway)</em></span>
                     </div>
+                    <div class="icon" id="impending" name="Impending">
+                        <span><i class="ms ms-ability-impending"></i> Impending <em>(ability-impending)</em></span>
+                    </div>
                     <div class="icon" id="improvise" name="Improvise">
                         <span><i class="ms ms-ability-improvise"></i> Improvise <em>(ability-improvise)</em></span>
                     </div>
@@ -804,12 +858,18 @@
                     <div class="icon" id="magecraft" name="Magecraft">
                         <span><i class="ms ms-ability-magecraft"></i> Magecraft <em>(ability-magecraft)</em></span>
                     </div>
+                    <div class="icon" id="manifest-dread" name="Manifest Dread">
+                        <span><i class="ms ms-ability-manifest-dread"></i> Manifest Dread <em>(ability-manifest-dread)</em></span>
+                    </div>
                     <div class="icon" id="meld" name="Meld">
                         <span><i class="ms ms-ability-meld"></i> Meld <em>(ability-meld)</em></span>
                     </div>
                     <div class="icon" id="menace" name="Menace">
                         <span><i class="ms ms-ability-menace"></i> Menace <em>(ability-menace)</em></span>
                     </div>
+                    <div class="icon" id="morph" name="Morph">
+                        <span><i class="ms ms-ability-morph"></i> Morph <em>(ability-morph)</em></span>
+                    </div>
                     <div class="icon" id="mutate" name="Mutate">
                         <span><i class="ms ms-ability-mutate"></i> Mutate <em>(ability-mutate)</em></span>
                     </div>
@@ -819,12 +879,21 @@
                     <div class="icon" id="obscura" name="Obscura">
                         <span><i class="ms ms-ability-obscura"></i> Obscura <em>(ability-obscura)</em></span>
                     </div>
+                    <div class="icon" id="ability-offspring" name="Offspring">
+                        <span><i class="ms ms-ability-offspring"></i> Offspring <em>(ability-offspring)</em></span>
+                    </div>
+                    <div class="icon" id="outlast" name="Outlast">
+                        <span><i class="ms ms-ability-outlast"></i> Outlast <em>(ability-outlast)</em></span>
+                    </div>
                     <div class="icon" id="party" name="Party">
                         <span><i class="ms ms-ability-party"></i> Party <em>(ability-party)</em></span>
                     </div>
                     <div class="icon" id="phyrexian" name="Phyrexian">
                         <span><i class="ms ms-ability-phyrexian"></i> Phyrexian <em>(ability-phyrexian)</em></span>
                     </div>
+                    <div class="icon" id="plot" name="Plot">
+                        <span><i class="ms ms-ability-plot"></i> Plot <em>(ability-plot)</em></span>
+                    </div>
                     <div class="icon" id="proliferate" name="Proliferate">
                         <span><i class="ms ms-ability-proliferate"></i> Proliferate <em>(ability-proliferate)</em></span>
                     </div>
@@ -873,21 +942,36 @@
                     <div class="icon" id="role-young-hero" name="Young Hero Role">
                         <span><i class="ms ms-ability-role-young-hero"></i> Young Hero Role <em>(ability-role-young-hero)</em></span>
                     </div>
+                    <div class="icon" id="saddle" name="Saddle">
+                        <span><i class="ms ms-ability-saddle"></i> Saddle <em>(ability-saddle)</em></span>
+                    </div>
                     <div class="icon" id="specialize" name="Specialize">
                         <span><i class="ms ms-ability-specialize"></i> Specialize <em>(ability-specialize)</em></span>
                     </div>
                     <div class="icon" id="spectacle" name="Spectacle">
                         <span><i class="ms ms-ability-spectacle"></i> Spectacle <em>(ability-spectacle)</em></span>
                     </div>
+                    <div class="icon" id="ability-spree" name="Spree">
+                        <span><i class="ms ms-ability-spree"></i> Spree <em>(ability-spree)</em></span>
+                    </div>
+                    <div class="icon" id="survival" name="Survival">
+                        <span><i class="ms ms-ability-survival"></i> Survival <em>(ability-survival)</em></span>
+                    </div>
                     <div class="icon" id="static" name="Static Ability">
                         <span><i class="ms ms-ability-static"></i> Static Ability <em>(ability-static)</em></span>
                     </div>
                     <div class="icon" id="summoning-sickness" name="Summoning Sickness">
                         <span><i class="ms ms-ability-summoning-sickness"></i> Summoning Sickness <em>(ability-summoning-sickness)</em></span>
                     </div>
+                    <div class="icon" id="suspect" name="Suspect">
+                        <span><i class="ms ms-ability-suspect"></i> Suspect <em>(ability-suspect)</em></span>
+                    </div>
                     <div class="icon" id="surveil" name="Surveil">
                         <span><i class="ms ms-ability-surveil"></i> Surveil <em>(ability-surveil)</em></span>
                     </div>
+                    <div class="icon" id="surveil-original" name="Surveil (Original)">
+                        <span><i class="ms ms-ability-surveil-original"></i> Surveil (Original) <em>(ability-surveil-original)</em></span>
+                    </div>
                     <div class="icon" id="the-ring-tempts-you" name="The Ring Tempts Your">
                         <span><i class="ms ms-ability-the-ring-tempts-you"></i> The Ring Tempts Your <em>(ability-the-ring-tempts-you)</em></span>
                     </div>
@@ -912,6 +996,9 @@
                     <div class="icon" id="unearth" name="Unearth">
                         <span><i class="ms ms-ability-unearth"></i> Unearth <em>(ability-unearth)</em></span>
                     </div>
+                    <div class="icon" id="valiant" name="Valiant">
+                        <span><i class="ms ms-ability-valiant"></i> Valiant <em>(ability-valiant)</em></span>
+                    </div>
                     <div class="icon" id="vigilance" name="Vigilance">
                         <span><i class="ms ms-ability-vigilance"></i> Vigilance <em>(ability-vigilance)</em></span>
                     </div>

index.html

@@ -193,7 +193,7 @@
             <i class="ms ms-r ms-half ms-cost"></i>
             <i class="ms ms-g ms-half ms-cost"></i>
         </p>
-        <h3>Power and toughness symbols</h3>
+        <h3>Power, toughness, and other frame symbols</h3>
         <p>
             <span class="mplantin pt">4</span>
             <i class="ms ms-power" style="font-size: 1.05em; margin: -8px 0 0 -3px;"></i>
@@ -203,6 +203,8 @@
             &nbsp;&nbsp;&nbsp;
             <i class="ms ms-power-mtga"></i>
             <i class="ms ms-toughness-mtga"></i>
+            &nbsp;&nbsp;&nbsp;
+            <i class="ms ms-spree"></i>
         </p>
         <h3>Un-set mana symbols</h3>
         <p>

package.json

@@ -22,7 +22,7 @@
     "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": "rsync -avzh ./fonts/mana* ./docs/fonts/ && npm run -s sass && npm run -s sassmin && rsync -avzh css/mana.min* ./docs/assets/"
+    "build": "npm run rename && rsync -avzh ./fonts/mana* ./docs/fonts/ && npm run -s sass && npm run -s sassmin && rsync -avzh css/mana.min* ./docs/assets/"
   },
   "author": "Andrew Gioia <andrew@gioia.email>",
   "license": "MIT",

sass/_aliases.scss

@@ -266,7 +266,9 @@
 // counter/ability aliases
 .#{variables.$ms-prefix}-counter {
     &-goad { @extend .#{variables.$ms-prefix}-ability-goad; }
-    &-finality { @extend .#{variables.$ms-prefix}-ability-finality; }
+}
+.#{variables.$ms-prefix}-ability {
+    &-finality { @extend .#{variables.$ms-prefix}-counter-finality; }
 }
 
 // watermark aliases

sass/_icons.scss

@@ -51,6 +51,7 @@
     &-infinity::before { content: "\e903"; }
     &-l::before { content: "\ea2d"; }
     &-d::before { content: "\ea2e"; }
+    &-spree::before { content: "\ea55"; }
 
     // phyrexian/paw handling
     &-h::before { content: "\e618"; }