Pulled in Kaladesh Inventions fix and added foil to docs

bower_components/keyrune/.bower.json

@@ -31,11 +31,11 @@
     "node_modules",
     "bower_components"
   ],
-  "_release": "b2f0837cf8",
+  "_release": "139967849f",
   "_resolution": {
     "type": "branch",
     "branch": "master",
-    "commit": "b2f0837cf872d899268aa216096ada0165bb5508"
+    "commit": "139967849f33e20fee968a7273c6e02902f836fb"
   },
   "_source": "https://github.com/andrewgioia/keyrune.git",
   "_target": "*",

bower_components/keyrune/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>"
     ],

bower_components/keyrune/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";
 }

bower_components/keyrune/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;

bower_components/keyrune/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;

bower_components/keyrune/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

bower_components/keyrune/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;
+        }
+    }
+}

bower_components/keyrune/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;

bower_components/keyrune/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;
+    }
+}

bower_components/keyrune/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"),

cheatsheet.html

@@ -164,6 +164,7 @@
                     <span class="utf"><i>&#xe625;</i> ss-mmq <code>&amp;#xe625;</code></span>
                     <span class="utf"><i>&#xe63e;</i> ss-mor <code>&amp;#xe63e;</code></span>
                     <span class="utf"><i>&#xe913;</i> ss-mp1 <code>&amp;#xe913;</code></span>
+                    <span class="utf"><i>&#xe913;</i> ss-mps <code>&amp;#xe913;</code></span>
                     <span class="utf"><i>&#xe631;</i> ss-mrd <code>&amp;#xe631;</code></span>
                     <span class="utf"><i>&#xe626;</i> ss-nms <code>&amp;#xe626;</code></span>
                     <span class="utf"><i>&#xe649;</i> ss-nph <code>&amp;#xe649;</code></span>

examples.html

@@ -112,7 +112,7 @@
                         &lt;<span class="e">i</span> <span class="a">class</span>=<span class="v">"ss ss-ons ss-common"</span>&gt;&lt;/<span class="e">i</span>&gt; ss-common<br />
                         &lt;<span class="e">i</span> <span class="a">class</span>=<span class="v">"ss ss-ons ss-uncommon"</span>&gt;&lt;/<span class="e">i</span>&gt; ss-uncommon<br />
                         &lt;<span class="e">i</span> <span class="a">class</span>=<span class="v">"ss ss-ons ss-rare"</span>&gt;&lt;/<span class="e">i</span>&gt; ss-rare<br />
-                        &lt;<span class="e">i</span> <span class="a">class</span>=<span class="v">"ss ss-ons ss-mythic"</span>&gt;&lt;/<span class="e">i</span>&gt; ss-mythic
+                        &lt;<span class="e">i</span> <span class="a">class</span>=<span class="v">"ss ss-ons ss-mythic"</span>&gt;&lt;/<span class="e">i</span>&gt; ss-mythic<br />
                         &lt;<span class="e">i</span> <span class="a">class</span>=<span class="v">"ss ss-tsp ss-timeshifted"</span>&gt;&lt;/<span class="e">i</span>&gt; ss-timeshifted
                     </blockquote>
                 </div>
@@ -120,11 +120,14 @@
                 <div class="example float-left">
                     <span class="each"><i class="ss ss-mor ss-rare ss-grad ss-3x"></i> ss-grad</span>
                     <span class="each">&nbsp;<i class="ss ss-tsp ss-timeshifted ss-grad ss-3x"></i> ss-grad</span>
+                    <span class="each"><i class="ss ss-isd ss-foil ss-grad ss-3x"></i> ss-foil</span>
                 </div>
                 <div class="explanation">
                     <p>Webkit browsers suport the <code>background-clip: text</code> property which opens up some exciting options for rarities: true text gradients! Append the <code>.ss-grad</code> class to add a modern rarity gradient.</p>
                     <blockquote>
                         &lt;<span class="e">i</span> <span class="a">class</span>=<span class="v">"ss ss-mor ss-rare ss-grad ss-3x"</span>&gt;&lt;/<span class="e">i</span>&gt; ss-grad<br />
+                        &lt;<span class="e">i</span> <span class="a">class</span>=<span class="v">"ss ss-tsp ss-timeshifted ss-grad ss-3x"</span>&gt;&lt;/<span class="e">i</span>&gt; ss-grad<br />
+                        &lt;<span class="e">i</span> <span class="a">class</span>=<span class="v">"ss ss-isd ss-foil ss-grad ss-3x"</span>&gt;&lt;/<span class="e">i</span>&gt; ss-foil<br />
                     </blockquote>
                     <p><strong>Note:</strong> You will only see a gradient while using a Webkit browser (i.e., Chrome or Safari).</p>
                 </div>

icons.html

@@ -605,8 +605,8 @@
                     <div class="icon" id="psalvat11" name="Salvat 2011">
                         <span><i class="ss ss-psalvat11"></i> Salvat 2011 <em>(psalvat11)</em></span>
                     </div>
-                    <div class="icon" id="mp1" name="Kaladesh Inventions">
-                        <span><i class="ss ss-mp1"></i> Kaladesh Inventions <em>(mp1)</em></span>
+                    <div class="icon" id="mps" name="Kaladesh Inventions">
+                        <span><i class="ss ss-mps"></i> Kaladesh Inventions <em>(mps)</em></span>
                     </div>
                     <div class="icon" id="pxbox" name="Xbox Media Promo">
                         <span><i class="ss ss-pxbox"></i> Xbox Media Promo <em>(pxbox)</em></span>

index.html

@@ -45,7 +45,7 @@
                 </a>
             </div>
             <p>
-                Current version 2.1.5 includes all sets to Amonkhet.
+                Current version 2.1.6 includes all sets to Amonkhet.
             </p>
         </div>
     </header>