Correcting Kaladesh Inventions code; new foil rarity

README.md

@@ -1,4 +1,4 @@
-# Keyrune v2.1.5
+# Keyrune v2.1.6
 
 ## The Magic: the Gathering set symbol font!
 
@@ -38,6 +38,7 @@ Attribution is **greatly appreciated** but not required!
 
 ## Changelog
 
+* v2.1.6 - Foil rarity added; corrected Kaladesh Inventions code to mps (mp1 alias remains)
 * v2.1.5 - FTV: Vaults icon added (April Fools 2009 set); Archenemy: Nicol Bolas is now the same exact glyph as Archenemy
 * v2.1.4 - Timeshifted rarity added
 * v2.1.3 - Archenemy: Nicol Bolas added

bower.json

@@ -1,7 +1,7 @@
 {
     "name": "keyrune",
     "homepage": "http://andrewgioia.github.io/Keyrune",
-    "version": "2.1.5",
+    "version": "2.1.6",
     "authors": [
         "Andrew Gioia <andrewgioia@gmail.com>"
     ],

css/keyrune.css

@@ -66,6 +66,7 @@
   -webkit-text-stroke: 0.03em #111;
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
+  background-clip: text !default;
 }
 .ss-uncommon.ss-grad.ss-no-border {
   -webkit-text-stroke: 0;
@@ -115,6 +116,21 @@
 .ss-timeshifted.ss-grad.ss-no-border {
   -webkit-text-stroke: 0;
 }
+.ss-foil {
+  color: #a6dced;
+}
+.ss-foil.ss-grad {
+  background: -webkit-linear-gradient(-45deg, #ea8d66 0%, #ea8d66 10%, #fdef8a 17%, #8bcc93 33%, #a6dced 50%, #6f75aa 67%, #e599c2 83%, #eeeeee 100%);
+  /* Chrome10-25,Safari5.1-6 */
+  background: linear-gradient(135deg, #ea8d66 0%, #ea8d66 15%, #fdef8a 28%, #8bcc93 42%, #a6dced 55%, #6f75aa 68%, #e599c2 84%, #e599c2 100%);
+  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
+  -webkit-text-stroke: 0.03em #333;
+  -webkit-background-clip: text;
+  -webkit-text-fill-color: transparent;
+}
+.ss-foil.ss-grad.ss-no-border {
+  -webkit-text-stroke: 0;
+}
 /**
  * Fixed width */
 .ss-fw {
@@ -682,6 +698,7 @@
 .ss-psalvat11:before {
   content: "\e90a";
 }
+.ss-mps:before,
 .ss-mp1:before {
   content: "\e913";
 }

index.html

@@ -65,6 +65,12 @@
         <i class="ss ss-zen ss-mythic"></i>&nbsp;
         Mythic Rare (Worldwake)
     </p>
+    <p>
+        <i class="ss ss-isd ss-3x ss-foil ss-grad"></i>&nbsp;
+        <i class="ss ss-isd ss-2x ss-foil"></i>&nbsp;
+        <i class="ss ss-isd ss-foil"></i>&nbsp;
+        Foil (Innistrad)
+    </p>
     <p>
         <i class="ss ss-tsp ss-3x ss-timeshifted ss-grad"></i>&nbsp;
         <i class="ss ss-tsp ss-2x ss-timeshifted"></i>&nbsp;

less/border.less

@@ -3,7 +3,7 @@
         content: "";
         position: absolute;
         left: -.05em;
-        top: .0em;
+        top: 0em;
         color: #fff;
         font-size: 1.15em;
         z-index: -1;

less/icons.less

@@ -232,6 +232,7 @@
 .@{ss-prefix}-exp:before { content: "\e69a"; } // Zendikar Expeditions
 .@{ss-prefix}-psalvat05:before { content: "\e909"; } // Salvat 2005
 .@{ss-prefix}-psalvat11:before { content: "\e90a"; } // Salvat 2011
+.@{ss-prefix}-mps:before,
 .@{ss-prefix}-mp1:before { content: "\e913"; } // Masterpieces: Kaladesh
 .@{ss-prefix}-pxbox:before { content: "\e915"; } // Xbox Media Promo
 .@{ss-prefix}-pmps:before { content: "\e919"; } // Magic Premiere Shop

less/rarities.less

@@ -76,3 +76,18 @@
         }
     }
 }
+
+.@{ss-prefix}-foil {
+    color: #a6dced;
+    &.@{ss-prefix}-grad {
+        // webkit outline/gradient
+        background: -webkit-linear-gradient(-45deg, #ea8d66 0%,#ea8d66 10%,#fdef8a 17%,#8bcc93 33%,#a6dced 50%,#6f75aa 67%,#e599c2 83%,#eeeeee 100%); /* Chrome10-25,Safari5.1-6 */
+        background: linear-gradient(135deg, #ea8d66 0%,#ea8d66 15%,#fdef8a 28%,#8bcc93 42%,#a6dced 55%,#6f75aa 68%,#e599c2 84%,#e599c2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
+        -webkit-text-stroke: 0.03em #333;
+        -webkit-background-clip: text;
+        -webkit-text-fill-color: transparent;
+        &.@{ss-prefix}-no-border {
+            -webkit-text-stroke: 0;
+        }
+    }
+}

less/variables.less

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

package.json

@@ -1,7 +1,7 @@
 {
   "name": "keyrune",
   "description": "Keyrune",
-  "version": "2.1.5",
+  "version": "2.1.6",
   "author": {
     "name": "Andrew Gioia",
     "email": "andrewgioia@gmail.com",

sass/_rarities.scss

@@ -23,3 +23,17 @@
     }
   }
 }
+
+/* Hard coding foil rarity for now because it's so much more complex */
+.#{$keyrune_prefix}-foil {
+    color: #a6dced;
+    &.#{$keyrune_prefix}-grad {
+        // webkit outline/gradient
+        background: -webkit-linear-gradient(-45deg, #ea8d66 0%,#ea8d66 10%,#fdef8a 17%,#8bcc93 33%,#a6dced 50%,#6f75aa 67%,#e599c2 83%,#eeeeee 100%); /* Chrome10-25,Safari5.1-6 */
+        background: linear-gradient(135deg, #ea8d66 0%,#ea8d66 15%,#fdef8a 28%,#8bcc93 42%,#a6dced 55%,#6f75aa 68%,#e599c2 84%,#e599c2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
+        -webkit-text-stroke: 0.03em #333;
+        -webkit-background-clip: text;
+        -webkit-text-fill-color: transparent;
+        background-clip: $keyrune_background_clip;
+    }
+}

sass/_variables.scss

@@ -1,7 +1,7 @@
 // _variables.scss
 
 // #.
-$keyrune_version: '2.1.5' !default;
+$keyrune_version: '2.1.6' !default;
 $keyrune_font_path:  '../fonts' !default;
 
 // #. Keyrune Font ==============================
@@ -271,7 +271,8 @@ $mtg_setlist: (
   ("Zendikar", 'exp', "\e69a"),
   ("Salvat 2005", 'psalvat05', "\e909"),
   ("Salvat 2011", 'psalvat11', "\e90a"),
-  ("Masterpieces", 'mp1', "\e913"),
+  ("Kaladesh Inventions", 'mp1', "\e913"),
+  ("Kaladesh Inventions", 'mps', "\e913"),
   ("Xbox Media Promo", 'pxbox', "\e915"),
   ("Magic Premiere Shop", 'pmps', "\e919"),
   ("Mirrodin Pure", 'pmpu', "\e91a"),