Timeshifted rarity class added

2025-11-03 23:50:45 +00:00 · 2017-03-14 09:03:40 -04:00 · 2017-03-14 09:03:40 -04:00 · 270031404c
commit 270031404c
parent 0750c7e3e4
12 changed files with 57 additions and 16 deletions
--- a/README.md
+++ b/README.md
@ -1,4 +1,4 @@
-# Keyrune v2.1.3
+# Keyrune v2.1.4

 ## The Magic: the Gathering set symbol font!

@ -38,6 +38,7 @@ Attribution is **greatly appreciated** but not required!

 ## Changelog

+* v2.1.4 - Timeshifted rarity added
 * v2.1.3 - Archenemy: Nicol Bolas added
 * v2.1.2 - Magic Online Treasure Chest added, thanks to @csuhta
 * v2.1.1 - Commander Anthology
--- a/bower.json
+++ b/bower.json
@ -1,7 +1,7 @@
 {
    "name": "keyrune",
    "homepage": "http://andrewgioia.github.io/Keyrune",
-    "version": "2.1.3",
+    "version": "2.1.4",
    "authors": [
        "Andrew Gioia <andrewgioia@gmail.com>"
    ],
--- a/css/keyrune.css
+++ b/css/keyrune.css
@ -2,8 +2,8 @@
 * Global */
@font-face {
  font-family: 'Keyrune';
-  src: url('../fonts/keyrune.eot?v=2.1.3');
-  src: url('../fonts/keyrune.eot?#iefix&v=2.1.3') format('embedded-opentype'), url('../fonts/keyrune.woff2?v=2.1.3') format('woff2'), url('../fonts/keyrune.woff?v=2.1.3') format('woff'), url('../fonts/keyrune.ttf?v=2.1.3') format('truetype'), url('../fonts/keyrune.svg?v=2.1.3#keyrune') format('svg');
+  src: url('../fonts/keyrune.eot?v=2.1.4');
+  src: url('../fonts/keyrune.eot?#iefix&v=2.1.4') format('embedded-opentype'), url('../fonts/keyrune.woff2?v=2.1.4') format('woff2'), url('../fonts/keyrune.woff?v=2.1.4') format('woff'), url('../fonts/keyrune.ttf?v=2.1.4') format('truetype'), url('../fonts/keyrune.svg?v=2.1.4#keyrune') format('svg');
  font-weight: normal;
  font-style: normal;
 }
@ -98,6 +98,23 @@
 .ss-mythic.ss-grad.ss-no-border {
  -webkit-text-stroke: 0;
 }
+.ss-timeshifted {
+  color: #652978;
+}
+.ss-timeshifted.ss-grad {
+  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #652978), color-stop(50%, #c09ac5), color-stop(100%, #652978));
+  /* Chrome,Safari4+ */
+  background: -webkit-linear-gradient(-45deg, #652978 0%, #c09ac5 50%, #652978 100%);
+  /* Chrome10-25,Safari5.1-6 */
+  background: linear-gradient(135deg, #652978 0%, #c09ac5 50%, #652978 100%);
+  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
+  -webkit-text-stroke: 0.03em #333;
+  -webkit-background-clip: text;
+  -webkit-text-fill-color: transparent;
+}
+.ss-timeshifted.ss-grad.ss-no-border {
+  -webkit-text-stroke: 0;
+}
 /**
 * Fixed width */
 .ss-fw {
--- a/css/keyrune.min.css
+++ b/css/keyrune.min.css
--- a/index.html
+++ b/index.html
@ -65,6 +65,12 @@
        <i class="ss ss-zen ss-mythic"></i>&nbsp;
        Mythic Rare (Worldwake)
    </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;
+        <i class="ss ss-tsp ss-timeshifted"></i>&nbsp;
+        Timeshifted (Time Spiral)
+    </p>
    <footer>
        Made with &hearts; by <a href="http://andrewgioia.com">Andrew Gioia</a>
    </footer>
--- a/less/rarities.less
+++ b/less/rarities.less
@ -51,7 +51,23 @@
    &.@{ss-prefix}-grad {
        // webkit outline/gradient
        background: -webkit-gradient(linear, left top, right top, color-stop(0%,#b21f0f), color-stop(50%,#f38300), color-stop(100%,#b21f0f)); /* Chrome,Safari4+ */
-        background: -webkit-linear-gradient(left, #b21f0f 0%,#f38300 50%,#b21f0f 100%); // Chrome10+,Safari5.1+
+        background: -webkit-linear-gradient(left, #b21f0f 0%,#f38300 50%,#b21f0f 100%); // Chrome10+, Safari5.1+
+        -webkit-text-stroke: 0.03em #333;
+        -webkit-background-clip: text;
+        -webkit-text-fill-color: transparent;
+        &.@{ss-prefix}-no-border {
+            -webkit-text-stroke: 0;
+        }
+    }
+}
+
+.@{ss-prefix}-timeshifted {
+    color: #652978;
+    &.@{ss-prefix}-grad {
+        // webkit outline/gradient
+        background: -webkit-gradient(linear, left top, right top, color-stop(0%,#652978), color-stop(50%,#c09ac5), color-stop(100%,#652978)); /* Chrome,Safari4+ */
+        background: -webkit-linear-gradient(-45deg, #652978 0%,#c09ac5 50%,#652978 100%); /* Chrome10-25,Safari5.1-6 */
+        background: linear-gradient(135deg, #652978 0%,#c09ac5 50%,#652978 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        -webkit-text-stroke: 0.03em #333;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
--- a/less/variables.less
+++ b/less/variables.less
@ -2,6 +2,6 @@
 * Global */

@ss-font-path: '../fonts';
-@ss-version: '2.1.3';
+@ss-version: '2.1.4';
@ss-font-size-base: 14px;
@ss-prefix: ss;
--- a/package.json
+++ b/package.json
@ -1,7 +1,7 @@
 {
  "name": "keyrune",
  "description": "Keyrune",
-  "version": "2.1.3",
+  "version": "2.1.4",
  "author": {
    "name": "Andrew Gioia",
    "email": "andrewgioia@gmail.com",
--- a/sass/_helpers.scss
+++ b/sass/_helpers.scss
@ -1,6 +1,6 @@
 // _helpers.scss

-/** Setsymbol Size Modifiers ====================
+/** Set Symbol Size Modifiers ====================
 */
@each $size in $keyrune_sizes {
  .#{$keyrune_prefix}.#{$keyrune_prefix}-#{nth($size, 1)} {
@ -8,7 +8,7 @@
  }
 }

-/** Setsymbol No Border =========================
+/** Set Symbol No Border =========================
 * | This class can remain a singleton since it is generic, making
 * | it a helper class.
 */
@ -17,7 +17,7 @@
  text-stroke: 0;
 }

-/** Setsymbol Border ============================
+/** Set Symbol Border ============================
 */
 .#{$keyrune_prefix}.#{$keyrune_prefix}-border {
  &:after {
--- a/sass/_rarities.scss
+++ b/sass/_rarities.scss
@ -1,6 +1,6 @@
 // _rarities.scs

-/** Setsymbol Rarities ==========================
+/** Set Symbol Rarities ==========================
 * | Strangely enough, autoprefixer doesn't wanna prefix
 * | some of the things in here properly. Either way, I kept those
 * | hard-coded prefxed to ensure it to work!
--- a/sass/_setsymbol.scss
+++ b/sass/_setsymbol.scss
@ -1,6 +1,6 @@
 // _keyrune.scss

-/** Setsymbol Base Class ========================
+/** Set Symbol Base Class ========================
 */
 .#{$keyrune_prefix} {
  display: inline-block;
@ -22,7 +22,7 @@
  }
 }

-/** Setsymbol Glyphs ============================
+/** Set Symbol Glyphs ============================
 * | Originally, this was inside of the .#{$keyrune_prefix} class above,
 * | and used a '&' parent selector.
 * | However, the loop caused a strange
--- a/sass/_variables.scss
+++ b/sass/_variables.scss
@ -1,7 +1,7 @@
 // _variables.scss

 // #.
-$keyrune_version: '2.1.2' !default;
+$keyrune_version: '2.1.4' !default;
 $keyrune_font_path:  '../fonts' !default;

 // #. Keyrune Font ==============================
@ -29,7 +29,8 @@ $keyrune_palette: (
  ('common', #1a1718, #302b2c, #474040, #000),
  ('uncommon', #707883, #5a6572, #9e9e9e, #111),
  ('rare', #a58e4a, #876a3b, #dfbd6b, #333),
-  ('mythic', #bf4427, #b21f0f, #f38300, #333)
+  ('mythic', #bf4427, #b21f0f, #f38300, #333),
+  ('timeshifted', #652978, #652978, #c09ac5, #333)
 ) !default;

 // #. Set Symbol Sizes ===============================