Adds STA and C21 symbols, fixes some duo border issues, corrects AFR's code

css/keyrune.css

@@ -2,8 +2,8 @@
  * Global */
 @font-face {
   font-family: 'Keyrune';
-  src: url('../fonts/keyrune.eot?v=3.7.2');
+  src: url('../fonts/keyrune.eot?v=3.8.0');
-  src: url('../fonts/keyrune.eot?#iefix&v=3.7.2') format('embedded-opentype'), url('../fonts/keyrune.woff2?v=3.7.2') format('woff2'), url('../fonts/keyrune.woff?v=3.7.2') format('woff'), url('../fonts/keyrune.ttf?v=3.7.2') format('truetype'), url('../fonts/keyrune.svg?v=3.7.2#keyrune') format('svg');
+  src: url('../fonts/keyrune.eot?#iefix&v=3.8.0') format('embedded-opentype'), url('../fonts/keyrune.woff2?v=3.8.0') format('woff2'), url('../fonts/keyrune.woff?v=3.8.0') format('woff'), url('../fonts/keyrune.ttf?v=3.8.0') format('truetype'), url('../fonts/keyrune.svg?v=3.8.0#keyrune') format('svg');
   font-weight: normal;
   font-style: normal;
 }
@@ -61,13 +61,17 @@
   top: 0;
   width: 100%;
 }
-.ss-duo.ss-xdnd::after {
+.ss-duo.ss-xdnd::after,
+.ss-duo.ss-afr::after {
   content: "\e973";
 }
+.ss-duo.ss-c21::after {
+  content: "\e97f";
+}
 .ss-duo.ss-xin4::after {
   content: "\e979";
 }
-.ss-duo.ss-common {
+.ss-duo.ss-common:after {
   color: #fff;
 }
 .ss-duo.ss-uncommon::after,
@@ -254,7 +258,8 @@
 .ss-m21:before {
   content: "\e960";
 }
-.ss-xdnd:before {
+.ss-xdnd:before,
+.ss-afr:before {
   content: "\e972";
 }
 /**
@@ -643,6 +648,9 @@
 .ss-khc:before {
   content: "\e97d";
 }
+.ss-c21:before {
+  content: "\e97e";
+}
 /**
  * Reprint */
 .ss-chr:before {
@@ -702,6 +710,9 @@
 .ss-mh2:before {
   content: "\e97b";
 }
+.ss-sta:before {
+  content: "\e980";
+}
 /**
  * Beginner */
 .ss-por:before {

docs/cheatsheet.html

@@ -4,7 +4,7 @@
     <meta charset="utf-8" />
     <meta http-equiv="X-UA-Compatible" content="chrome=1" />
     <title>Cheatsheet | Keyrune</title>
-    <link href="//cdn.jsdelivr.net/npm/keyrune@3.7.1/css/keyrune.css" rel="stylesheet" type="text/css" />
+    <link href="//cdn.jsdelivr.net/npm/keyrune@latest/css/keyrune.css" rel="stylesheet" type="text/css" />
     <link rel="stylesheet" href="assets/docs.css" />
     <link rel="icon" href="favicon.ico" type="image/x-icon" />
     <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
@@ -70,6 +70,7 @@
                     <span class="utf"><i>&#xe60a;</i> ss-9ed <code>&amp;#xe60a;</code></span>
                     <span class="utf"><i>&#xe93d;</i> ss-a25 <code>&amp;#xe93d;</code></span>
                     <span class="utf"><i>&#xe90f;</i> ss-aer <code>&amp;#xe90f;</code></span>
+                    <span class="utf"><i>&#xe972;</i> ss-afr <code>&amp;#xe972;</code></span>
                     <span class="utf"><i>&#xe914;</i> ss-akh <code>&amp;#xe914;</code></span>
                     <span class="utf"><i>&#xe970;</i> ss-akr <code>&amp;#xe970;</code></span>
                     <span class="utf"><i>&#xe641;</i> ss-ala <code>&amp;#xe641;</code></span>
@@ -96,6 +97,7 @@
                     <span class="utf"><i>&#xe946;</i> ss-c18 <code>&amp;#xe946;</code></span>
                     <span class="utf"><i>&#xe95f;</i> ss-c19 <code>&amp;#xe95f;</code></span>
                     <span class="utf"><i>&#xe966;</i> ss-c20 <code>&amp;#xe966;</code></span>
+                    <span class="utf"><i>&#xe97e;</i> ss-c21 <code>&amp;#xe97e;</code></span>
                     <span class="utf"><i>&#xe968;</i> ss-cc1 <code>&amp;#xe968;</code></span>
                     <span class="utf"><i>&#xe634;</i> ss-chk <code>&amp;#xe634;</code></span>
                     <span class="utf"><i>&#xe65e;</i> ss-chr <code>&amp;#xe65e;</code></span>
@@ -252,6 +254,7 @@
                     <span class="utf"><i>&#xe944;</i> ss-ss1 <code>&amp;#xe944;</code></span>
                     <span class="utf"><i>&#xe95c;</i> ss-ss2 <code>&amp;#xe95c;</code></span>
                     <span class="utf"><i>&#xe96d;</i> ss-ss3 <code>&amp;#xe96d;</code></span>
+                    <span class="utf"><i>&#xe980;</i> ss-sta <code>&amp;#xe980;</code></span>
                     <span class="utf"><i>&#xe620;</i> ss-sth <code>&amp;#xe620;</code></span>
                     <span class="utf"><i>&#xe975;</i> ss-stx <code>&amp;#xe975;</code></span>
                     <span class="utf"><i>&#xe91c;</i> ss-td2 <code>&amp;#xe91c;</code></span>
@@ -288,7 +291,6 @@
                     <span class="utf"><i>&#xe95a;</i> ss-war <code>&amp;#xe95a;</code></span>
                     <span class="utf"><i>&#xe61e;</i> ss-wth <code>&amp;#xe61e;</code></span>
                     <span class="utf"><i>&#xe645;</i> ss-wwk <code>&amp;#xe645;</code></span>
-                    <span class="utf"><i>&#xe972;</i> ss-xdnd <code>&amp;#xe972;</code></span>
                     <span class="utf"><i>&#xe977;</i> ss-xin3 <code>&amp;#xe977;</code></span>
                     <span class="utf"><i>&#xe978;</i> ss-xin4 <code>&amp;#xe978;</code></span>
                     <span class="utf"><i>&#xe92e;</i> ss-xln <code>&amp;#xe92e;</code></span>

docs/examples.html

@@ -4,7 +4,7 @@
     <meta charset="utf-8" />
     <meta http-equiv="X-UA-Compatible" content="chrome=1" />
     <title>Examples | Keyrune</title>
-    <link href="//cdn.jsdelivr.net/npm/keyrune@3.7.1/css/keyrune.css" rel="stylesheet" type="text/css" />
+    <link href="//cdn.jsdelivr.net/npm/keyrune@latest/css/keyrune.css" rel="stylesheet" type="text/css" />
     <link rel="stylesheet" href="assets/docs.css" />
     <link rel="icon" href="favicon.ico" type="image/x-icon" />
     <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />

docs/icons.html

@@ -4,7 +4,7 @@
     <meta charset="utf-8" />
     <meta http-equiv="X-UA-Compatible" content="chrome=1" />
     <title>Set Symbol Icons | Keyrune</title>
-    <link href="//cdn.jsdelivr.net/npm/keyrune@3.7.1/css/keyrune.css" rel="stylesheet" type="text/css" />
+    <link href="//cdn.jsdelivr.net/npm/keyrune@latest/css/keyrune.css" rel="stylesheet" type="text/css" />
     <link rel="stylesheet" href="assets/docs.css" />
     <link rel="icon" href="favicon.ico" type="image/x-icon" />
     <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
@@ -37,7 +37,7 @@
                 <i class="ss ss-pmtg2"></i>
                 Download
             </a>
-            <h2 class="sub">Complete 278 Magic set symbol font icons</h2>
+            <h2 class="sub">Complete 280 Magic set symbol font icons</h2>
         </div>
     </header>
 
@@ -45,7 +45,7 @@
         <div class="wrapper">
             <section>
                 <h3>
-                    View the full list of 278 set and expansion symbols below, for all sets and special edition products up to <strong>Kaldheim</strong> and <strong>Time Spiral Remastered</strong>. To use the symbols on your desktop or just get the vectors, check out the <a href="cheatsheet.html">Cheatsheet</a>.
+                    View the full list of 280 set and expansion symbols below, for all sets and special edition products up to <strong>Kaldheim</strong> and <strong>Time Spiral Remastered</strong>. To use the symbols on your desktop or just get the vectors, check out the <a href="cheatsheet.html">Cheatsheet</a>.
                 </h3>
                 <p style="margin: -15px 0 25px;">
                     <strong>Note:</strong> you can now link directly to a preview of each symbol's by adding the symbol code at the end of the url like this: <a href="https://keyrune.andrewgioia.com/icons.html?icon=ody">https://keyrune.andrewgioia.com/icons.html?icon=ody</a>.
@@ -135,8 +135,8 @@
                     <div class="icon" id="m21" name="Core 2021" data-name="Core 2021" data-class="m21" data-unicode="e960" data-added="v3.6.6">
                         <span class="name"><i class="ss ss-m21"></i> Core 2021 <em>(m21)</em></span>
                     </div>
-                    <div class="icon" id="xdnd" name="Dungeons & Dragons: Adventures in the Forgotten Realms" data-name="Dungeons & Dragons: Adventures in the Forgotten Realms" data-class="xdnd" data-unicode="e972" data-added="v3.7.0" data-duo="true">
+                    <div class="icon" id="afr" name="Adventures in the Forgotten Realms" data-name="Adventures in the Forgotten Realms" data-class="afr" data-unicode="e972" data-added="v3.7.0" data-duo="true">
-                        <span class="name"><i class="ss ss-xdnd ss-duo"></i> DnD: Adventures in the Forgotten Realms <em>(xdnd)</em></span>
+                        <span class="name"><i class="ss ss-afr ss-common ss-duo"></i> Adventures in the Forgotten Realms <em>(afr)</em></span>
                     </div>
                 </div>
             </section>
@@ -493,6 +493,9 @@
                     <div class="icon" id="khc" name="Kaldheim Commander" data-name="Kaldheim Commander" data-class="khc" data-unicode="e97d" data-added="v3.7.2">
                         <span class="name"><i class="ss ss-khc"></i> Kaldheim Commander <em>(khc)</em></span>
                     </div>
+                    <div class="icon" id="c21" name="Commander 2021" data-name="Commander 2021" data-class="c21" data-unicode="e97e" data-added="v3.8.0">
+                        <span class="name"><i class="ss ss-c21 ss-duo ss-common"></i> Commander 2021 <em>(c21)</em></span>
+                    </div>
                 </div>
             </section>
             <section class="content">
@@ -555,6 +558,9 @@
                     <div class="icon" id="mh2" name="Modern Horizons 2" data-name="Modern Horizons 2" data-class="mh2" data-unicode="e97b" data-added="v3.7.0">
                         <span class="name"><i class="ss ss-mh2"></i> Modern Horizons 2 <em>(mh2)</em></span>
                     </div>
+                    <div class="icon" id="sta" name="Strixhaven: Mystical Archives" data-name="Strixhaven: Mystical Archives" data-class="sta" data-unicode="e980" data-added="v3.8.0">
+                        <span class="name"><i class="ss ss-sta"></i> Strixhaven: Mystical Archives <em>(sta)</em></span>
+                    </div>
                 </div>
             </section>
             <section class="content">

docs/index.html

@@ -4,7 +4,7 @@
     <meta charset="utf-8" />
     <meta http-equiv="X-UA-Compatible" content="chrome=1" />
     <title>Keyrune | Andrew Gioia</title>
-    <link href="//cdn.jsdelivr.net/npm/keyrune@3.7.1/css/keyrune.css" rel="stylesheet" type="text/css" />
+    <link href="//cdn.jsdelivr.net/npm/keyrune@latest/css/keyrune.css" rel="stylesheet" type="text/css" />
     <link rel="stylesheet" href="assets/docs.css" />
     <link rel="icon" href="favicon.ico" type="image/x-icon" />
     <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
@@ -43,7 +43,7 @@
                 </a>
             </div>
             <p>
-                Current version 3.7.2 includes all sets to Kaldheim and Time Spiral Remastered.
+                Current version 3.8.0 includes all sets to Strixhaven and Commander 2021.
             </p>
         </div>
     </header>

less/duo.less

@@ -24,18 +24,24 @@
     // set default inner to white unless a rarity is declared
     color: #fff;
 
-    // Dungeons & Dragons: Adventures in the Forgotten Realms
+    // Adventures in the Forgotten Realms
-    &.@{ss-prefix}-xdnd::after {
+    &.@{ss-prefix}-xdnd::after,
+    &.@{ss-prefix}-afr::after {
         content: "\e973";
     }
 
+    // Commander 2021
+    &.@{ss-prefix}-c21::after {
+        content: "\e97f";
+    }
+
     // Innistrad Werewolves
     &.@{ss-prefix}-xin4::after {
         content: "\e979";
     }
 
     // rarity border colors
-    &.@{ss-prefix}-common {
+    &.@{ss-prefix}-common:after {
         color: #fff;
     }
     &.@{ss-prefix}-uncommon::after,

less/icons.less

@@ -28,7 +28,8 @@
 .@{ss-prefix}-2u:before { content: "\e949"; } // Unlimited (MODO)
 .@{ss-prefix}-3e:before { content: "\e94a"; } // Revised (MODO)
 .@{ss-prefix}-m21:before { content: "\e960"; } // Core 2021
-.@{ss-prefix}-xdnd:before { content: "\e972"; } // DnD Adventures of the Forgotten Realms (inner)
+.@{ss-prefix}-xdnd:before,
+.@{ss-prefix}-afr:before { content: "\e972"; } // Adventures in the Forgotten Realms (inner)
 
 /**
  * Expansions */
@@ -191,6 +192,7 @@
 .@{ss-prefix}-cmr:before,                      // Commander Legends
 .@{ss-prefix}-cmc:before { content: "\e969"; } // Commander Legends Decks
 .@{ss-prefix}-khc:before { content: "\e97d"; } // Kaldheim Commander
+.@{ss-prefix}-c21:before { content: "\e97e"; } // Commander 2021 (inner)
 
 /**
  * Reprint */
@@ -214,6 +216,7 @@
 .@{ss-prefix}-jmp:before { content: "\e96f"; } // Jumpstart
 .@{ss-prefix}-mb1:before { content: "\e971"; } // Mystery Booster
 .@{ss-prefix}-mh2:before { content: "\e97b"; } // Modern Horizons 2
+.@{ss-prefix}-sta:before { content: "\e980"; } // Strixhaven Mystical Archives
 
 /**
  * Beginner */

less/variables.less

@@ -2,6 +2,6 @@
  * Global */
 
 @ss-font-path: '../fonts';
-@ss-version: '3.7.2';
+@ss-version: '3.8.0';
 @ss-font-size-base: 14px;
 @ss-prefix: ss;

package.json

@@ -1,7 +1,7 @@
 {
   "name": "keyrune",
   "description": "Keyrune",
-  "version": "3.7.2",
+  "version": "3.8.0",
   "author": {
     "name": "Andrew Gioia",
     "email": "andrew@gioia.email",

sass/_variables.scss

@@ -1,7 +1,7 @@
 /**
  * Globals */
 
-$keyrune_version: '3.7.2' !default;
+$keyrune_version: '3.8.0' !default;
 $keyrune_font_path:  '../fonts' !default;
 
 // font specific
@@ -52,7 +52,8 @@ $border-corrections: (
 
 // dual-layered symbols (work in progress)
 $dual-layered: (
-    'xdnd': '\e973',
+    'afr': '\e973',
+    'c21': '\e97f',
     'xin4': '\e979'
 ) !default;
 
@@ -86,7 +87,8 @@ $keyrune_sets: (
     ("Unlimited (MODO)", "2u", "\e949"),
     ("Revised (MODO)", "3e", "\e94a"),
     ("Core 2021", "m21", "\e960"),
-    ("DnD Adventures in the Forgotten Realms", "xdnd", "\e972"),
+    ("Adventures in the Forgotten Realms", "xdnd", "\e972"),
+    ("Adventures in the Forgotten Realms", "afr", "\e972"),
     //
     // Artifact block
     ("Arabian Nights", "arn", "\e613"),
@@ -242,6 +244,8 @@ $keyrune_sets: (
     ("Commander Legends", "cmr", "\e969"),
     ("Commander Legends Decks", "cmc", "\e969"),
     ("Kaldheim Commander", "khc", "\e97d"),
+    ("Commander 2021", "c21", "\e97e"),
+
     //
     // Reprint sets
     ("Chronicles", "chr", "\e65e"),
@@ -263,6 +267,7 @@ $keyrune_sets: (
     ("Jumpstart", "jmp", "\e96f"),
     ("Mystery Booster", "mb1", "\e971"),
     ("Modern Horizons 2", "mh2", "\e97b"),
+    ("Strixhaven: Mystical Archives", "sta", "\e980"),
     //
     // Beginner
     ("Portal", "por", "\e664"),