Adds evergreen colorizing on abilities

This commit is contained in:
Andrew Gioia 2020-09-23 05:55:45 -04:00
parent 624e007781
commit 2afc3cab10
12 changed files with 32 additions and 9 deletions

View File

@ -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)

View File

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

View File

@ -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>"
],

View File

@ -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;
}

2
css/mana.min.css vendored

File diff suppressed because one or more lines are too long

6
less/extras.less Normal file
View File

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

View File

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

View File

@ -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%);

View File

@ -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": {

5
sass/_extras.scss Normal file
View File

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

View File

@ -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;

View File

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