Adds evergreen colorizing on abilities

CHANGELOG.md

@@ -11,6 +11,10 @@ All notable changes to this project will be documented in this file.
 
 ## Versions 
 
+### [1.9.2] 2020-09-23 Adds evergreen color support
+
+* **Added:** Class `.ms-evergreen` on ability symbols will apply the gold gradient effect in Arena.
+
 ### [1.9.1] 2020-09-04 Modal DFC symbols and Multicolor/duo support
 
 * **Added:** Two new double-faced symbols for `modal-face` and `modal-back` added, from [Zendikar Rising](https://scryfall.com/card/znr/264/riverglide-pathway-lavaglide-pathway) [#54](https://github.com/andrewgioia/mana/issues/54)

README.md

@@ -1,4 +1,4 @@
-# Mana v1.9.1
+# Mana v1.9.2
 
 ## The Magic: the Gathering mana symbol font!
 

bower.json

@@ -1,7 +1,7 @@
 {
   "name": "mana",
   "homepage": "https://github.com/andrewgioia/mana",
-  "version": "1.9.1",
+  "version": "1.9.2",
   "authors": [
     "Andrew Gioia <andrew@gioia.email>"
   ],

css/mana.css

@@ -1318,3 +1318,8 @@ span.ms-half > .ms-cost {
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
 }
+.ms-evergreen {
+  background: linear-gradient(0deg, #c8913b 0%, #ecc65a 100%);
+  -webkit-background-clip: text;
+  -webkit-text-fill-color: transparent;
+}

less/extras.less

@@ -0,0 +1,6 @@
+// evergreen ability coloring
+.@{ms-prefix}-evergreen {
+    background: @ms-ability-grad;
+    -webkit-background-clip: text;
+    -webkit-text-fill-color: transparent;
+}

less/mana.less

@@ -6,4 +6,5 @@
 @import "loyalty.less";
 @import "dfc.less";
 @import "sizes.less";
-@import "duo.less";
+@import "duo.less";
+@import "extras.less";

less/variables.less

@@ -1,10 +1,11 @@
 // base variables
 @ms-font-path: '../fonts';
-@ms-version: '1.9.1';
+@ms-version: '1.9.2';
 @ms-font-size-base: 14px;
 @ms-prefix: ms;
 @ms-serif-font: MPlantin, Garamond, Palatino, 'Times New Roman', Times, serif;
 
 // colors
 @ms-multicolor-flat: #cca753;
-@ms-multicolor-grad: linear-gradient(45deg, #cca54f 0%, #e0d3bb 50%, #cca54f 100%);
+@ms-multicolor-grad: linear-gradient(45deg, #cca54f 0%, #e0d3bb 50%, #cca54f 100%);
+@ms-ability-grad: linear-gradient(0deg, #c8913b 0%, #ecc65a 100%);

package.json

@@ -1,6 +1,6 @@
 {
   "name": "mana-font",
-  "version": "1.9.1",
+  "version": "1.9.2",
   "description": "Magic: the Gathering mana symbol pictographic font",
   "main": "css/mana.css",
   "repository": {

sass/_extras.scss

@@ -0,0 +1,5 @@
+.#{$ms-prefix}-evergreen {
+    background: $ms-ability-grad;
+    -webkit-background-clip: text;
+    -webkit-text-fill-color: transparent;
+}

sass/_variables.scss

@@ -1,6 +1,6 @@
 // base variables
 $ms-font-path: '../fonts' !default;
-$ms-version: '1.9.1' !default;
+$ms-version: '1.9.2' !default;
 $ms-font-size-base: 14px !default;
 $ms-prefix: ms !default;
 $ms-serif-font: 'MPlantin, Garamond, Palatino, 'Times New Roman', Times, serif' !default;

sass/mana.scss

@@ -6,4 +6,5 @@
 @import "loyalty";
 @import "dfc";
 @import "sizes";
-@import "duo";
+@import "duo";
+@import "extras";