Compare commits

..

44 Commits

Author SHA1 Message Date
896becc552
Adds watermarks and missing ability icons to cheatsheet, fixes cheatsheet and attributes head paths 2024-10-28 22:35:33 -04:00
2a553809b4
Adds documentation for all watermarks and the LotR ability symbols, moves documentation site to docs folder on this branch 2024-10-28 22:13:17 -04:00
b67d98ee50
Adds remaining set of card watermarks (#34) and aliases existing ones 2023-09-20 12:23:21 -04:00
a2820ce700
Adds WOE ability symbols (#111), Arena-only card-specific symbols (#112), Magic Online void counter (#109), and saga loyalty VI (#110) 2023-09-10 20:52:46 -04:00
420d2bb1bd
Adds LTR ability symbols (#107), Improvise ability symbol ninja-added by Arena team (#108), and alias for OG amass 2023-07-20 16:59:02 -04:00
09710f454e
Fixes small spacing issue for defense print variant 2023-05-29 13:34:13 -04:00
0f4428e405
Adds the new Defense loyalty symbol and utility classes for Battle cards (#103); adds Arena ability symbols for Backup and Incubate (#105); adds card type symbols for Battle and the Siege subtype (#105); adds new DFC symbols for front, back, face down, and meld cards (#102); updates Enrage and Convoke symbols to the new ones in Arena and aliases their old ones (#104 and #105) 2023-05-29 13:00:59 -04:00
b641019f46
Builds 1.15.5 2023-03-11 10:30:51 -05:00
2d1403585d
Rebuilds the font for 1.15.5 interim point release before the bigger 1.16.0 update 2023-03-11 10:29:28 -05:00
e3497eb3f2
Adds the NEO saga DFCs (#98), the combat condition symbol in Arena (#100), the outlined loyalty symbol in card text (#101), and fixes line heights on planeswalker loyalties (#96) 2023-03-11 10:26:12 -05:00
7a86b2ce31
Adds outlined version of loyalty symbols that a few cards use in the card text (#97) 2023-03-10 15:42:43 -05:00
ee43118df7
Moves to Sass building now. Fixes loyalty line height issues cross browser and re: issue #96 2023-03-10 15:23:18 -05:00
cdbd52ef72
Adds 3, 4, and 5 color indicator class permutations (#89) 2023-03-10 15:00:19 -05:00
13bbd55ef2
Increment to 1.16.0 2023-03-09 16:37:46 -05:00
2a146f95f5 Adds zone symbols for hand, library, graveyard, and exile (#62) 2023-03-09 11:14:43 -05:00
c1633665c0 Adds Goad ability (#101), land DFC (#58), and commander type (#59). Adds initial support for level symbol (#60). Fixes internal font name. 2023-03-08 23:27:04 -05:00
43d2035dcd Merges branch 'Lisstem-patch-2' into v1.15.4 2023-03-08 06:50:04 -05:00
3401384701 Cleans up formatting 2023-03-08 06:49:45 -05:00
c3c7b615e9 Merges branch 'patch-2' of Lisstem/mana to add missing saga loyalty to sass files 2023-03-08 06:47:09 -05:00
40126a6e95 Updates changelog 2023-03-08 06:46:43 -05:00
e2e2f89d31 Merges branch 'Lisstem-patch-1' into v1.15.4 2023-03-08 06:39:58 -05:00
fed9259e9d Pulls in fix from Lisstem:patch-1 to fix sass apostrophe bug 2023-03-08 06:37:23 -05:00
db0011b13d Increments version number 2023-03-08 06:37:12 -05:00
dea7a0d201 Adds all split Phyrexian mana symbols 2023-03-06 09:15:33 -05:00
b5cae1623d Updates meta docs for 1.15.2 2023-03-04 07:32:31 -05:00
9df0a1c0f2 Merges branch by @Araneline to add support for then-existing split-phyrexian mana costs, GUP and GWP, into v1.15.2 2023-03-04 07:28:24 -05:00
a08be2029a Adds icon classes to sass counterpart, builds css files 2023-03-04 07:28:00 -05:00
bffbeb8f82 Merges master branch of https://github.com/Araneline/mana 2023-03-04 07:21:36 -05:00
028be2cdc1 Adds Unfinity ticket symbol (#92), fixes fabricate symbol, aliases dungeon as card type (#84) 2023-03-03 14:35:57 -05:00
a1d7938896 Arena ability and counter symbols are now current (#94)! 2023-03-03 12:57:21 -05:00
Codepanther
b7b3d1dd1d Phyrexian-split mana
GUP and GWP mana classes. Those symbols appear in "Tamiyo, Compleated Sage
" (NEO) and "Ajani, Sleeper Agent" (DMU) respectively
2022-10-04 23:55:46 +04:00
Lisstem
4f5a09e9ef
Add missing Saga loyalty to _loyalty.scss 2021-09-16 13:34:08 +02:00
Lisstem
6495143eb9
Escape apostrophes in scss variables
the apostrophes in the ms-serif-font variable generates an invalid attribute
This breaks the loyalty symbols
2021-09-16 12:57:15 +02:00
ce1831695d Adds Strixhaven school symbols with duo support 2021-07-14 10:45:15 -04:00
3507f0ebf2 Adds D20 symbol from AFR, adds MTGA's snow mana variant (#69), adds the 2 alternate white mana symbols (#70), fixes missing Sass gradiant variable (#64 and #76), fixes Sass overwrite for kicker (#65) 2021-07-10 13:27:04 -04:00
958d12b79a Adds missing SVG source files 2021-07-08 13:28:35 -04:00
553b65cadb Adds ability symbol for AFR venturing into a dungeon 2021-07-08 13:23:42 -04:00
e51904b9d5 Adds ability symbols for Boast (#67), Foretell (#68), Learn (#72), Magecraft (#71), and Ward (#78), and adds double faced symbol for learn cards 2021-07-06 13:01:53 -04:00
913e1dd26b Color indicators added for all color combinations (#40), more variables added for hex colors, fixed Sass variable issue 2020-12-21 09:11:09 -05:00
c7cdd21f56 Adds ability symbols for Kicker, Party, and Landfall 2020-10-10 09:50:20 -04:00
1f2c77b655 Merges master in 2020-10-05 15:34:07 -04:00
6cb7a09bd4 Fixes readme version number and pushes some old changes up 2020-10-05 15:33:58 -04:00
3a9f28e512 Corrects the set ability gradient class name 2020-09-23 06:09:47 -04:00
2afc3cab10 Adds evergreen colorizing on abilities 2020-09-23 05:55:45 -04:00
194 changed files with 13457 additions and 853 deletions

1
.gitignore vendored
View File

@ -1,2 +1,3 @@
.idea
.DS_Store
node_modules

View File

@ -7,10 +7,132 @@ All notable changes to this project will be documented in this file.
* v2.0 updates to add all digital product tokens and counter symbols, fix the core numbered casting cost icons, and modernize this project.
* Update this changelog for better formatting
* Crop original full-width symbols to actual width
* Add ligatures for easier desktop use
## Versions
### [1.16.1] 2024-10-28 Watermark documentation
#### Added
* Watermark for Trump Katsumai added ([#114](https://github.com/andrewgioia/mana/issues/114))
* Documentation now updated for that massive watermark project I abandoned :( All 90+ watermarks are in and on the icons page, finally back here and getting the repo up to speed again. ([#34](https://github.com/andrewgioia/mana/issues/34))
* Documented Improvise, Ring Bearer, Amass Orcs, and The Ring Tempts You abilities. [#107](https://github.com/andrewgioia/mana/issues/107))
#### Changed
* Moved the documentation to the `./docs` folder like Keyrune, no more `gh-pages` branch.
### [1.16.0] 2023-09-20 Complete set of card watermarks
* **Added:** 90 watermarks added/aliased, nearing the complete set of all watermarks save for 2. ([#34](https://github.com/andrewgioia/mana/issues/34))
### [1.15.9] 2023-09-10 WOE ability symbols, Haktos and Robber symbols, loyalty VI
* **Added:** WOE ability symbols for Bargain, Celebration, and the 6 role tokens (Cursed, Monster, Royal, Sorceror, Wicked, and Young Hero) ([#111](https://github.com/andrewgioia/mana/issues/111))
* **Added:** Arena-only "ability" symbols used for Haktos the Unscarred and Robber of the Rich ([#112](https://github.com/andrewgioia/mana/issues/112))
* **Added:** Magic Online void counter ([#109](https://github.com/andrewgioia/mana/issues/109))
* **Changed:** Saga loyalty now goes up to VI for the new WOE card, Long List of the Ents ([#110](https://github.com/andrewgioia/mana/issues/110))
### [1.15.8] 2023-07-20 LTR ability symbols
* **Added:** LTR ability symbols for The Ring Tempts You, Ring Bearer, and Amass Orcs ([#107](https://github.com/andrewgioia/mana/issues/107))
* **Added:** Improvise ability symbol ([#108](https://github.com/andrewgioia/mana/issues/108))
* **Changed:** `.ability-amass` is now aliased as `.ability-amass-zombies` to provide a differentiator from LTR's Amass Orcs.
### [1.15.7] 2023-05-29 Fix to .ms-defense-print
* **Fixed:** resolved a spacing issue for the .ms-defense-print utility class
### [1.15.6] 2023-05-29 Spring 2023 abilities, DFCs, Defense loyalty
* **Added:** DFC symbols for front and back, as well as "face down" and the various meld cards on Arena ([#102](https://github.com/andrewgioia/mana/issues/102))
* **Added:** Defense loyalty symbol and utility classes for battle cards ([#103](https://github.com/andrewgioia/mana/issues/103))
* **Added:** Battle type symbol and Siege subtype symbol ([#105](https://github.com/andrewgioia/mana/issues/105))
* **Added:** Arena ability symbols for Backup and Incubate ([#105](https://github.com/andrewgioia/mana/issues/105))
* **Changed:** Enrage has a new ability symbol in Arena with the old one aliased; the old symbol is also now the new "marked with damage" symbol in arena ([#104](https://github.com/andrewgioia/mana/issues/104))
* **Changed:** Convoke's ability symbol was also changed, with the old one alised as well ([#105](https://github.com/andrewgioia/mana/issues/105))
### [1.15.5] 2023-03-11 DFC and loyalty updates
* **Added:** DFC symbols for Saga and the flip side, Saga creatures, from NEO ([#98](https://github.com/andrewgioia/mana/issues/98))
* **Added:** New outlined version of the loyalty symbol that shows up on certain Unfinity cards ([#97](https://github.com/andrewgioia/mana/issues/97))
* **Added:** The "can't block or must attack" symbol in Arena, labeled "combat condition" here as an ability symbol ([#100](https://github.com/andrewgioia/mana/issues/100))
* **Fixed:** Loyalty line heights have been corrected cross browser ([#96](https://github.com/andrewgioia/mana/issues/96))
### [1.15.4] 2023-03-08 PRs 81 and 82
* **Added:** Goad ability symbol ([#101](https://github.com/andrewgioia/mana/issues/101))
* **Added:** Land MDFC symbol ([#58](https://github.com/andrewgioia/mana/issues/58))
* **Added:** Commander type symbol ([#59](https://github.com/andrewgioia/mana/issues/59))
* **Added:** Loyalty level up card text symbol ([#60](https://github.com/andrewgioia/mana/issues/60))
* **Added:** Zone icons from MTGA ([#62](https://github.com/andrewgioia/mana/issues/62))
* **Fixed:** CSS font name now matches compiled font name ([#87](https://github.com/andrewgioia/mana/issues/87))
* **Merged:** ([PR #81])(https://github.com/andrewgioia/mana/pull/81) by @Lisstem fixes apostrophe bug in `_variables.scss`
* **Merged:** ([PR #82])(https://github.com/andrewgioia/mana/pull/82) by @Lisstem adds missing saga loyalty to `_loyalty.scss`
### [1.15.3] 2023-03-04 Remaining split Phyrexian classes
* **Added:** All other split Phyrexian mana classes introduced recently ([#86](https://github.com/andrewgioia/mana/issues/86))
### [1.15.2] 2023-03-04 GUP and GWP classes (@Araneline)
* **Merged:** ([PR #93](https://github.com/andrewgioia/mana/pull/93)) by @Araneline to add support for the GUP and GWP split phyrexian classes
### [1.15.1] 2023-03-03 Fabricate
* **Added:** Ticket symbol from Unfinity ([#92](https://github.com/andrewgioia/mana/issues/92))
* **Changed:** Dungeon now has an alias as a card type (`.ms-dungeon`) ([#84](https://github.com/andrewgioia/mana/issues/84))
* **Fixed:** Fabricate has its own correct symbol now. It had previously been aliased and this got messed up in the last build.
### [1.15.0] 2023-03-03 Backlog of Arena ability and counter symbols
* **Added:** Finally added the huge backlog of Arena ability symbols: fabricate, changeling, domain, day/night, daybound/nightbound, coven, investigate, decayed, cleave, disturb, exploit, training, channel, ninjutsu, reconfigure, blitz, alliance, obscura (not sure what this corresponds to), casualty, hideaway, read ahead, enlist, specialist, unearth, meld, prototype, toxic, phyrexian, corrupted, and for mirrodin!
* Big thanks to @ThePieBandit for the motivation and asset help!
* **Added:** 2 missing Arena counters: stun and shield
### [1.14.0] 2021-07-14 Strixhaven schools
* **Added:** Lorehold, Prismari, Silverquill, Quandrix, and Witherbloom school symbols added, including dual layered support
### [1.13.0] 2021-07-10 D20, alternate white symbols, basic ligature support
* **Added:** D20 ability symbol from Arena
* **Added:** Alternate white mana symbols (the original pre-Ice Age symbol and the recent List variant) ([#70](https://github.com/andrewgioia/mana/issues/70))
* **Added:** Arena's snow mana symbol variant ([#69](https://github.com/andrewgioia/mana/issues/69))
* **Fixed:** Missing variable in `_variables.scss` for `.ms-ability-grad` added ([#64](https://github.com/andrewgioia/mana/issues/64) and [#76](https://github.com/andrewgioia/mana/issues/76))
* **Fixed:** Kicker icon is no longer overwritten by the static ability icon in the Sass version ([#65](https://github.com/andrewgioia/mana/issues/65))
### [1.12.1] 2021-07-08 SVG files
* **Added:** missing SVG files for the most recent abilities and type symbols.
### [1.12.0] 2021-07-08 AFR abilities
* **Added:** Only seems to be 1 ability symbol in Arena for AFR: venturing into the dungeon. Wizards calls this "Dungeon" so we're naming it that as well.
### [1.11.0] 2021-07-06 More Arena ability symbols
* **Added:** Ability symbols for Boast, Foretell, Magecraft, Learn, and Ward
* **Added:** Lesson DFC symbol
### [1.10.0] 2020-12-21 Color indicators
* **Added:** Color indicator symbols added for all color combinations ([#40](https://github.com/andrewgioia/mana/issues/40))
* **Added:** New variables added for colors used in project as the beginning of getting all of these things into variables
* **Fixed:** Sass variables were not called correctly in `_duo.scss`, this is now fixed
### [1.9.4] 2020-10-10 Kicker, Party, and Landfall abilities
* **Added:** New ability symbols in Arena for Kicker, Party, and Landfall.
### [1.9.3] 2020-09-23 Corrects evergreen class name
* **Fixed:** It's not evergreen abilities that get colorized in Arena, it's set-specific mechanics/abilities. The class name is corrected to be `.ms-mechanic`.
### [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.16.1
## 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.16.1",
"authors": [
"Andrew Gioia <andrew@gioia.email>"
],

File diff suppressed because it is too large Load Diff

File diff suppressed because one or more lines are too long

2
css/mana.min.css vendored

File diff suppressed because one or more lines are too long

1
css/mana.min.css.map Normal file

File diff suppressed because one or more lines are too long

1
docs/CNAME Normal file
View File

@ -0,0 +1 @@
mana.andrewgioia.com

366
docs/assets/docs.css Normal file
View File

@ -0,0 +1,366 @@
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700,700i');
@font-face {
font-family: 'Beleren';
src: url( '../fonts/beleren.eot' );
src: url( '../fonts/beleren.woff' ) format( 'woff' ),
url( '../fonts/beleren.ttf' ) format( 'truetype' ),
url( '../fonts/beleren.svg' ) format( 'svg' );
font-weight: normal;
font-style: normal;
}
body {
background: #fff;
color: #333;
font-family: "Open Sans", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans",
Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 15px;
margin: 0;
padding: 0;
}
.wrapper {
max-width: 1080px;
width: 80%;
margin: 0 auto;
}
a {
color: #007185;
text-decoration: none;
}
a:hover {
color: #263D41;
}
section#banner {
background: #b6c1b0;
color: #555;
padding: 12px 0;
text-align: right;
text-shadow: 0 1px 0 #bacec2;
}
section#banner .item {
display: inline-block;
margin-left: 15px;
}
section#banner .logo {
color: #333;
float: left;
font-family: Beleren;
font-size: 18px;
margin-top: -2px;
}
header {
background: #d3d8c1;
border-bottom: 1px solid #adb7a7;
color: #333;
margin: 0;
overflow-y: hidden;
padding: 25px 0 15px;
}
header.main {
height: 272px;
}
.bigicon {
float: right;
font-size: 364px;
line-height: 200px;
margin-top: -40px;
text-shadow: 0 2px 0 #fff;
}
header .vs {
margin-left: 5px;
}
p {
font-size: 16px;
line-height: 1.6em;
margin: 20px 0;
}
section.icons p {
margin-left: 25px;
}
ul {
margin: 0;
}
li {
margin: 0 0 10px;
}
h1 {
color: #444;
margin: 0;
font-family: Beleren;
font-size: 64px;
font-weight: lighter;
padding: 0 0 20px;
text-shadow: 0 1px 0 #fff;
}
h1.sub {
font-size: 48px;
padding: 0 0 15px;
}
h2 {
color: #444;
font-family: Beleren;
font-size: 30px;
font-weight: lighter;
margin: 0;
padding: 0 0 30px;
text-shadow: 0 1px 0 #fff;
}
h2.sub {
font-size: 26px;
padding: 0 0 20px;
}
h3 {
color: #444;
font-size: 19px;
font-weight: normal;
line-height: 1.6em;
padding-bottom: 20px;
text-align: left;
}
h4 {
color: #61605B;
font-family: Beleren;
font-size: 24px;
font-weight: lighter;
margin: 15px 0 5px;
text-align: left;
}
h5 {
color: #555;
font-size: 17px;
font-weight: bold;
margin: 15px 0 5px;
padding: 0;
}
main {
margin: 0;
padding: 20px 0 25px;
}
main section.content {
padding: 0 0 10px;
}
blockquote,
code {
font-family: Inconsolate, 'Courier New', Courier, monospace;
}
code {
background: #F7EEF1;
color: #BB073B;
padding: 1px 3px;
border-radius: 2px;
}
blockquote {
background: #eee;
border-bottom: 1px solid #d3d8c1;
line-height: 1.4em;
padding: 20px 20px 18px;
margin: 20px 0 25px;
border-radius: 4px;
}
.button {
background: #008eae;
border-bottom: 2px solid #166075;
color: #fff;
display: inline-block;
font-size: 20px;
padding: 10px 18px 9px;
border-radius: 4px;
text-shadow: 0 1px 0 #333;
}
.button:hover {
background: #00809F;
border-bottom-color: #155A6E;
color: #fff;
}
.button .ms {
margin-right: 5px;
position: relative;
top: -2px;
}
.button.vs {
background: #666;
border-bottom-color: #333;
}
.button.vs:hover {
background: #555;
border-bottom-color: #222;
}
.button.dl.float-right {
margin-top: -10px;
}
.icons {
padding: 10px 0 5px;
}
.icon {
border-radius: 3px;
display: inline-block;
overflow: hidden;
width: 24.5%;
}
.icon span {
display: inline-block;
padding: 9px 10px;
white-space: nowrap;
}
.icon:hover {
background: #eee;
position: relative;
margin-top: -4px;
margin-bottom: -5px;
}
.icon .ms {
font-size: 22px;
margin-right: 5px;
margin-top: -2px;
text-align: center;
width: 32px;
}
.icon:hover .ms {
font-size: 32px;
text-shadow: 0 1px 0 #fff;
}
.icon:hover .ms.ms-duo {
text-shadow: none;
}
.icon em {
color: #999;
font-size: 13px;
font-style: normal;
}
.icons.indicators .icon .ms {
width: 22px;
margin: -2px 10px 0 5px;
}
.icons.indicators .icon:hover .ms {
margin: 0 5px -1px 0;
width: 32px;
text-shadow: none;
}
.vectors {
padding: 10px 0 0;
}
.utf {
display: inline-block;
width: 25%;
float: left;
padding: 6px 0;
}
.vectors.overflow .utf {
overflow-x: hidden;
white-space: nowrap;
}
.utf.long {
width: 33%;
}
.utf i {
display: inline-block;
vertical-align: top;
padding: 0 5px 0 0;
text-align: center;
width: 1.25em;
font: normal normal normal 16px/1 Mana;
font-size: 1.25em;
text-rendering: auto;
transform: translate(0, 0);
speak: none;
text-transform: none;
vertical-align: middle;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.utf i.long {
text-align: left;
width: auto;
}
.utf code {
background-color: #f5f5f5;
color: #555;
margin-left: 3px;
}
.example {
font-size: 16px;
padding: 15px 0 0;
width: 200px;
}
.example .each {
display: block;
padding-top: 1px;
padding-bottom: 7px;
}
.explanation {
margin-left: 200px;
}
footer {
border-top: 1px solid #eee;
margin-top: 20px;
padding: 10px 0 30px;
}
.float-left {
float: left;
}
.float-right {
float: right;
}
.clear {
clear: both;
}
.e { color: #63A35C; }
.a { color: #795DA3; }
.v { color: #183691; }

1
docs/assets/mana.min.css vendored Normal file

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

2
docs/assets/zepto.min.js vendored Normal file

File diff suppressed because one or more lines are too long

295
docs/attributes.html Normal file
View File

@ -0,0 +1,295 @@
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="chrome=1" />
<title>Attributes and Examples | Mana</title>
<link rel="stylesheet" href="assets/mana.min.css" />
<link rel="stylesheet" href="assets/docs.css" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
</head>
<body>
<section id="banner">
<div class="wrapper">
<a href="index.html" class="logo"><i class="ms ms-g" style="top:-2px;position:relative;"></i> Mana</a>
<a href="index.html" class="item">Home</a>
<a href="icons.html" class="item">Mana Icons</a>
<a href="attributes.html" class="item">Attributes</a>
<a href="https://github.com/andrewgioia/mana" class="item">GitHub Project</a>
<span class="item">
<iframe src="https://ghbtns.com/github-btn.html?user=andrewgioia&repo=mana&type=star&count=true" frameborder="0" scrolling="0" width="100px" height="20px" style="margin-bottom: -4px;"></iframe>
</span>
<span class="item">
Created by
<a href="https://andrewgioia.com">Andrew Gioia</a>
</span>
</div>
</section>
<header>
<div class="wrapper">
<h1 class="sub">Mana &amp; Card Icons</h1>
<a class="dl button float-right" href="https://github.com/andrewgioia/mana/archive/master.zip">
<i class="ms ms-instant"></i>
Download
</a>
<h2 class="sub">Complete set of Magic mana and card symbol font icons</h2>
</div>
</header>
<main>
<div class="wrapper">
<section>
<h3><strong>Mana</strong> has some built in icon options to easily change the <strong>size and position</strong>, convert the mana symbols to the <strong>casting costs</strong>, and create planeswalker <strong>loyalty symbols</strong> with numbers. Take a look below at examples of each option with the class names to implement them.</h3>
</section>
<section class="content">
<h4>The Basic Icon</h4>
<div class="example float-left">
<span class="each">
<i class="ms ms-u"></i> .ms-u
</span>
</div>
<div class="explanation">
<p>You can place Mana icons anywhere using the CSS classname prefix <code>ms</code> (for "mana symbol") and then the mana/card symbol's <a href="icons.html">suffix</a>.</p>
<blockquote>
&lt;<span class="e">i</span> <span class="a">class</span>=<span class="v">"ms ms-u"</span>&gt;&lt;/<span class="e">i</span>&gt; <br />
</blockquote>
</div>
<div class="clear"></div>
</section>
<section class="content">
<h4>Creating a Casting Cost</h4>
<div class="example float-left">
<span class="each">
<i class="ms ms-g ms-cost"></i> .ms-cost
</span>
<span class="each">
<i class="ms ms-r ms-cost ms-shadow"></i> + .ms-shadow
</span>
</div>
<div class="explanation">
<p>Add the <code>.ms-cost</code> class to create a casting cost circle around the symbol. Append the <code>.ms-shadow</code> class to add a drop shadow.</p>
<blockquote>
&lt;<span class="e">i</span> <span class="a">class</span>=<span class="v">"ms ms-g ms-cost"</span>&gt;&lt;/<span class="e">i</span>&gt; <br />
&lt;<span class="e">i</span> <span class="a">class</span>=<span class="v">"ms ms-r ms-cost ms-shadow"</span>&gt;&lt;/<span class="e">i</span>&gt;
</blockquote>
</div>
<div class="clear"></div>
</section>
<section class="content">
<h4>Split Casting Costs</h4>
<div class="example float-left">
<span class="each">
<i class="ms ms-wu ms-split ms-cost"></i> .ms-wu
</span>
<span class="each">
<i class="ms ms-2b ms-split ms-cost ms-shadow"></i> + .ms-shadow
</span>
</div>
<div class="explanation">
<p><strong>New:</strong> You no longer need the <code>.ms-split</code> class name, simply identifying a split or hybrid cost will now automatically handle the split styles.</p>
<blockquote>
&lt;<span class="e">i</span> <span class="a">class</span>=<span class="v">"ms ms-wu ms-cost"</span>&gt;&lt;/<span class="e">i</span>&gt;<br />
&lt;<span class="e">i</span> <span class="a">class</span>=<span class="v">"ms ms-2b ms-cost ms-shadow"</span>&gt;&lt;/<span class="e">i</span>&gt;
</blockquote>
<p>For backwards compatibility and full control you can still use create split and hybrid casting costs separately with the <code>.ms-split</code> class along with the 2-symbols' codes. This works for color pairs and the "2" with a color.</p>
</div>
<div class="clear"></div>
</section>
<section class="content">
<h4>Half Mana Casting Costs</h4>
<div class="example float-left">
<span class="each">
<i class="ms ms-w ms-half ms-cost"></i></span> .ms-half
</span>
</div>
<div class="explanation">
<p>Even though there's only been <a href="http://magiccards.info/uh/en/16.html"><strike>one</strike></a> <a href="https://scryfall.com/card/unh/82/monss-goblin-waiters">two</a> of these ever printed you can still create them :P Half costs <a href="https://github.com/andrewgioia/Mana/issues/6">used to require a wrapping element</a> but as of v1.4.1 they are a regular single element:</p>
<blockquote>
&lt;<span class="e">i</span> <span class="a">class</span>=<span class="v">"ms ms-w ms-half ms-cost"</span>&gt;&lt;/<span class="e">i</span>&gt;<br />
</blockquote>
</div>
<div class="clear"></div>
</section>
<section class="content">
<h4>Planeswalker Symbols</h4>
<div class="example float-left">
<span class="each">
<i class="ms ms-loyalty-up ms-loyalty-3"></i> .ms-loyalty-up
</span>
<span class="each">
<i class="ms ms-loyalty-down ms-loyalty-2"></i> .ms-loyalty-down
</span>
</div>
<div class="explanation">
<p>You can create planewalker loyalty symbols for the starting value, zero, and ticking up or down. The number that appears is based on a class you add, like <code>.ms-loyalty-4</code>. Currently numbers 0-20 are supported for start, up, and down.</p>
<blockquote>
&lt;<span class="e">i</span> <span class="a">class</span>=<span class="v">"ms ms-loyalty-up ms-loyalty-3"</span>&gt;&lt;/<span class="e">i</span>&gt;<br />
&lt;<span class="e">i</span> <span class="a">class</span>=<span class="v">"ms ms-loyalty-down ms-loyalty-2"</span>&gt;&lt;/<span class="e">i</span>&gt;
</blockquote>
</div>
<div class="clear"></div>
</section>
<section class="content">
<h4>Saga Symbols</h4>
<div class="example float-left">
<span class="each">
<i class="ms ms-saga ms-saga-1 ms-2x"></i> .ms-saga-1
</span>
<span class="each">
<i class="ms ms-saga ms-saga-4 ms-2x"></i> .ms-saga-4
</span>
</div>
<div class="explanation">
<p>Saga symbols are supported natively up to V, even though only IV has ever been printed. The number that appears inside the hexagon is based on a class you add, like <code>.ms-saga-2</code>.</p>
<blockquote>
&lt;<span class="e">i</span> <span class="a">class</span>=<span class="v">"ms ms-saga ms-saga-1"</span>&gt;&lt;/<span class="e">i</span>&gt;<br />
&lt;<span class="e">i</span> <span class="a">class</span>=<span class="v">"ms ms-saga ms-saga-4"</span>&gt;&lt;/<span class="e">i</span>&gt;
</blockquote>
</div>
<div class="clear"></div>
</section>
<section class="content">
<h4>Battle Symbols</h4>
<div class="example float-left">
<span class="each">
<i class="ms ms-defense ms-defense-1 ms-2x"></i> .ms-defense
</span>
<span class="each">
<i class="ms ms-defense ms-defense-outline ms-defense-3 ms-2x"></i> .ms-defense-outline
</span>
<span class="each">
<i class="ms ms-defense ms-defense-print ms-defense-5 ms-2x"></i> .ms-defense-print
</span>
</div>
<div class="explanation">
<p>Battle cards have a unique defense box and values are supported from 0-20 using utility classes similar to Loyalty and Sagas, in the format <code>.ms-defense-2</code>.</p>
<p>There are 3 variations of the symbol that you can display. The simplest is just the black background with a white number (<code>.ms-defense</code>). An outline version has a black border with black number and white inside (<code>.ms-defense-outline</code>). Finally the full "print" version uses 3 layers and mimics the way the defense box is printed on cards; use this with <code>.ms-defense-print</code>.</p>
<blockquote>
&lt;<span class="e">i</span> <span class="a">class</span>=<span class="v">"ms ms-defense ms-defense-1"</span>&gt;&lt;/<span class="e">i</span>&gt;<br />
&lt;<span class="e">i</span> <span class="a">class</span>=<span class="v">"ms ms-defense ms-defense-outline ms-defense-3"</span>&gt;&lt;/<span class="e">i</span>&gt;<br />
&lt;<span class="e">i</span> <span class="a">class</span>=<span class="v">"ms ms-defense ms-defense-print ms-defense-5"</span>&gt;&lt;/<span class="e">i</span>&gt;
</blockquote>
</div>
<div class="clear"></div>
</section>
<section class="content">
<h4>Increase the Symbol's Size</h4>
<div class="example float-left">
<span class="each">
<i class="ms ms-r ms-2x"></i> .ms-2x
</span>
<span class="each">
<i class="ms ms-r ms-3x"></i> .ms-3x
</span>
<span class="each">
<i class="ms ms-r ms-4x"></i> .ms-4x
</span>
<span class="each">
<i class="ms ms-r ms-5x"></i> .ms-5x
</span>
<span class="each">
<i class="ms ms-r ms-6x"></i> .ms-6x
</span>
</div>
<div class="explanation">
<p>To conveniently increase the size of a mana or card symbol you can append the classes <code>ms-2x</code>, <code>ms-3x</code>, <code>ms-4x</code>, <code>ms-4x</code>, and <code>ms-6x</code>. These classes increase the size by a factor equal to class name number.</p>
<blockquote>
&lt;<span class="e">i</span> <span class="a">class</span>=<span class="v">"ms ms-r ms-2x"</span>&gt;&lt;/<span class="e">i</span>&gt; ms-2x<br />
&lt;<span class="e">i</span> <span class="a">class</span>=<span class="v">"ms ms-r ms-3x"</span>&gt;&lt;/<span class="e">i</span>&gt; ms-3x<br />
&lt;<span class="e">i</span> <span class="a">class</span>=<span class="v">"ms ms-r ms-4x"</span>&gt;&lt;/<span class="e">i</span>&gt; ms-4x<br />
&lt;<span class="e">i</span> <span class="a">class</span>=<span class="v">"ms ms-r ms-5x"</span>&gt;&lt;/<span class="e">i</span>&gt; ms-5x<br />
&lt;<span class="e">i</span> <span class="a">class</span>=<span class="v">"ms ms-r ms-6x"</span>&gt;&lt;/<span class="e">i</span>&gt; ms-6x
</blockquote>
</div>
<div class="clear"></div>
</section>
<section class="content">
<h4>Fixed Width</h4>
<div class="example float-left">
<span class="each"><i class="ms ms-planeswalker ms-fw"></i> Planeswalker</span>
<span class="each"><i class="ms ms-land ms-fw"></i> Land</span>
</div>
<div class="explanation">
<p>Some of the card symbols are variable width by default, if you put them in a list they may stack irregularly. To fix their width to a standard size, just append the class <code>.ms-fw</code> and the symbols will have a constant width and centered icon.</p>
<blockquote>
&lt;<span class="e">i</span> <span class="a">class</span>=<span class="v">"ms ms-planeswalker ms-fw"</span>&gt;&lt;/<span class="e">i</span>&gt; Planeswalker symbol<br />
&lt;<span class="e">i</span> <span class="a">class</span>=<span class="v">"ms ms-land ms-fw"</span>&gt;&lt;/<span class="e">i</span>&gt; Land symbol
</blockquote>
</div>
<div class="clear"></div>
</section>
<section class="content">
<h4>Dual-Layered Symbols</h4>
<div class="example float-left">
<span class="each"><i class="ms ms-2x ms-multicolor"></i> One layer</span>
<span class="each"><i class="ms ms-2x ms-multicolor ms-duo"></i> Two layers</span>
<span class="each"><i class="ms ms-2x ms-multicolor ms-duo ms-duo-color ms-grad"></i> Two with color</span>
<span class="each"><i class="ms ms-2x ms-school-prismari ms-duo ms-duo-color"></i> Prismari</span>
</div>
<div class="explanation">
<p>The <a href="https://mtg.gamepedia.com/Multicolored">multicolor symbol</a> has 2 layers and the only way to reliably achieve this is with 2 glyphs. Add <code>.ms-duo</code> and <code>.ms-multicolor</code> will add the background layer and knock out the foreground. If you add <code>.ms-duo-color</code> and optionally <code>.ms-grad</code> it will colorize it like the official symbol.</p>
<blockquote>
&lt;<span class="e">i</span> <span class="a">class</span>=<span class="v">"ms ms-multicolor"</span>&gt;&lt;/<span class="e">i</span>&gt; One layer<br />
&lt;<span class="e">i</span> <span class="a">class</span>=<span class="v">"ms ms-multicolor ms-duo"</span>&gt;&lt;/<span class="e">i</span>&gt; Two layers<br />
&lt;<span class="e">i</span> <span class="a">class</span>=<span class="v">"ms ms-multicolor ms-duo ms-duo-color ms-grad"</span>&gt;&lt;/<span class="e">i</span>&gt; Complete multicolor symbol
&lt;<span class="e">i</span> <span class="a">class</span>=<span class="v">"ms ms-school-prismari ms-duo ms-duo-color"</span>&gt;&lt;/<span class="e">i</span>&gt; Prismari colored symbol
</blockquote>
</div>
<div class="clear"></div>
</section>
<section class="content">
<h4>Arena Abilites and MODO Counters</h4>
<div class="example float-left">
<span class="each"><i class="ms ms-2x ms-ability-flying"></i> Evergreen ability</span>
<span class="each"><i class="ms ms-2x ms-ability-adventure ms-mechanic"></i> Set-specific ability</span>
<span class="each"><i class="ms ms-2x ms-counter-plus"></i> MODO counter</span>
</div>
<div class="explanation">
<p>Mana has full Arena and Modo ability and counter coverage. You can apply the set-specific gold gradient that Arena uses on abilities with <code>.ms-mechanic</code>.</p>
<blockquote>
&lt;<span class="e">i</span> <span class="a">class</span>=<span class="v">"ms ms-ability-flying"</span>&gt;&lt;/<span class="e">i</span>&gt; Evergreen ability<br />
&lt;<span class="e">i</span> <span class="a">class</span>=<span class="v">"ms ms-ability-adventure ms-mechanic"</span>&gt;&lt;/<span class="e">i</span>&gt; Set-specific ability<br />
&lt;<span class="e">i</span> <span class="a">class</span>=<span class="v">"ms ms-counter-plus"</span>&gt;&lt;/<span class="e">i</span>&gt; MODO counter
</blockquote>
</div>
<div class="clear"></div>
</section>
<section class="content">
<h4>Card Color Indicators</h4>
<div class="example float-left">
<span class="each"><i class="ms ms-2x ms-ci ms-ci-1 ms-ci-g"></i> Green</span>
<span class="each"><i class="ms ms-2x ms-ci ms-ci-2 ms-ci-rg"></i> Red/Green</span>
<span class="each"><i class="ms ms-2x ms-ci ms-ci-3 ms-ci-gur"></i> Red/Green/Blue</span>
</div>
<div class="explanation">
<p>Some cards use color indicator circles on their alternate faces to indicate that the card is still a certain color identity. Mana supports all 31 variations, though only about 10 different color combinations exist on cards currently.</p>
<blockquote>
&lt;<span class="e">i</span> <span class="a">class</span>=<span class="v">"ms ms-ci ms-ci-1 ms-ci-g"</span>&gt;&lt;/<span class="e">i</span>&gt; Green<br />
&lt;<span class="e">i</span> <span class="a">class</span>=<span class="v">"ms ms-ci ms-ci-2 ms-ci-rg"</span>&gt;&lt;/<span class="e">i</span>&gt; Red/Green<br />
&lt;<span class="e">i</span> <span class="a">class</span>=<span class="v">"ms ms-ci ms-ci-3 ms-ci-gur"</span>&gt;&lt;/<span class="e">i</span>&gt; Red/Green/Blue<br />
</blockquote>
<p>To display these, use class <code>.ms-ci</code> and then <code>.ms-ci-X</code> where "X" is the number of colors in the identity. Then add the corresponding color class, like <code>.ms-ci-wug</code>.</p>
<p>Importantly, the only SVGs used to display these are the borders, and there are 5 different border glyphs. The colors themselves are displayed using the <code>background: conic-gradient();</code> CSS attribute, which you can view the support for on <a href="https://caniuse.com/css-conic-gradients" target="blank">Can I Use</a>. TL;DR: it has almost universal practical browser support.</p>
</div>
</section>
</div>
</main>
<footer>
<div class="wrapper">
<div class="float-left">
<p>Made with &hearts; by <a href="https://andrewgioia.com">Andrew Gioia</a></p>
</div>
<div class="float-right" style="text-align: right;">
<p>
All mana images and card symbols &copy; <a href="http://magicthegathering.com">Wizards of the Coast</a><br />
The Mana font is licensed under the the <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a><br />
Mana CSS, LESS, and Sass files are licensed under the <a href="http://opensource.org/licenses/mit-license.html">MIT License</a><br />
</p>
</div>
<div class="clear"></div>
</div>
</footer>
</body>
</html>

430
docs/cheatsheet.html Normal file
View File

@ -0,0 +1,430 @@
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="chrome=1" />
<title>Icon Cheatsheet | Mana</title>
<link rel="stylesheet" href="assets/mana.min.css" />
<link rel="stylesheet" href="assets/docs.css" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
</head>
<body>
<section id="banner">
<div class="wrapper">
<a href="index.html" class="logo"><i class="ms ms-g" style="top:-2px;position:relative;"></i> Mana</a>
<a href="index.html" class="item">Home</a>
<a href="icons.html" class="item">Mana Icons</a>
<a href="attributes.html" class="item">Attributes</a>
<a href="http://github.com/andrewgioia/Mana" class="item">GitHub Project</a>
<span class="item">
<iframe src="https://ghbtns.com/github-btn.html?user=andrewgioia&repo=mana&type=star&count=true" frameborder="0" scrolling="0" width="100px" height="20px" style="margin-bottom: -4px;"></iframe>
</span>
<span class="item">
Created by
<a href="http://andrewgioia.com">Andrew Gioia</a>
</span>
</div>
</section>
<header>
<div class="wrapper">
<h1 class="sub">Mana &amp; Card Icons</h1>
<a class="dl button float-right" href="https://github.com/andrewgioia/Mana/archive/master.zip">
<i class="ms ms-instant"></i>
Download
</a>
<h2 class="sub">The complete Mana copy-able reference</h2>
</div>
</header>
<main>
<div class="wrapper">
<section>
<h3>
To use Mana on the desktop, install mana.otf, set it
as the font in your application, then copy and paste the
icons (not the unicode) directly from this page into
your designs. The UTF8 representation is provided as
a reference as well.
</h3>
</section>
<section class="content">
<h4>Icons, CSS Class, and Unicode</h4>
<div class="vectors">
<span class="utf"><i>&#xe600;</i> ms-w <code>&amp;#xe600;</code></span>
<span class="utf"><i>&#xe601;</i> ms-u <code>&amp;#xe601;</code></span>
<span class="utf"><i>&#xe602;</i> ms-b <code>&amp;#xe602;</code></span>
<span class="utf"><i>&#xe603;</i> ms-r <code>&amp;#xe603;</code></span>
<span class="utf"><i>&#xe604;</i> ms-g <code>&amp;#xe604;</code></span>
<span class="utf"><i>&#xe997;</i> ms-w-original <code>&amp;#xe997;</code></span>
<span class="utf"><i>&#xe998;</i> ms-w-list <code>&amp;#xe998;</code></span>
<span class="utf"><i>&#xe904;</i> ms-c <code>&amp;#xe904;</code></span>
<span class="utf"><i>&#xe605;</i> ms-0 <code>&amp;#xe605;</code></span>
<span class="utf"><i>&#xe606;</i> ms-1 <code>&amp;#xe606;</code></span>
<span class="utf"><i>&#xe607;</i> ms-2 <code>&amp;#xe607;</code></span>
<span class="utf"><i>&#xe608;</i> ms-3 <code>&amp;#xe608;</code></span>
<span class="utf"><i>&#xe609;</i> ms-4 <code>&amp;#xe609;</code></span>
<span class="utf"><i>&#xe60a;</i> ms-5 <code>&amp;#xe60a;</code></span>
<span class="utf"><i>&#xe60b;</i> ms-6 <code>&amp;#xe60b;</code></span>
<span class="utf"><i>&#xe60c;</i> ms-7 <code>&amp;#xe60c;</code></span>
<span class="utf"><i>&#xe60d;</i> ms-8 <code>&amp;#xe60d;</code></span>
<span class="utf"><i>&#xe60e;</i> ms-9 <code>&amp;#xe60e;</code></span>
<span class="utf"><i>&#xe60f;</i> ms-10 <code>&amp;#xe60f;</code></span>
<span class="utf"><i>&#xe610;</i> ms-11 <code>&amp;#xe610;</code></span>
<span class="utf"><i>&#xe611;</i> ms-12 <code>&amp;#xe611;</code></span>
<span class="utf"><i>&#xe612;</i> ms-13 <code>&amp;#xe612;</code></span>
<span class="utf"><i>&#xe613;</i> ms-14 <code>&amp;#xe613;</code></span>
<span class="utf"><i>&#xe614;</i> ms-15 <code>&amp;#xe614;</code></span>
<span class="utf"><i>&#xe62a;</i> ms-16 <code>&amp;#xe62a;</code></span>
<span class="utf"><i>&#xe62b;</i> ms-17 <code>&amp;#xe62b;</code></span>
<span class="utf"><i>&#xe62c;</i> ms-18 <code>&amp;#xe62c;</code></span>
<span class="utf"><i>&#xe62d;</i> ms-19 <code>&amp;#xe62d;</code></span>
<span class="utf"><i>&#xe62e;</i> ms-20 <code>&amp;#xe62e;</code></span>
<span class="utf"><i>&#xe615;</i> ms-x <code>&amp;#xe615;</code></span>
<span class="utf"><i>&#xe616;</i> ms-y <code>&amp;#xe616;</code></span>
<span class="utf"><i>&#xe617;</i> ms-z <code>&amp;#xe617;</code></span>
<span class="utf"><i>&#xe618;</i> ms-p <code>&amp;#xe618;</code></span>
<span class="utf"><i>&#xe619;</i> ms-s <code>&amp;#xe619;</code></span>
<span class="utf"><i>&#xe996;</i> ms-s-mtga <code>&amp;#xe996;</code></span>
<span class="utf"><i>&#xe907;</i> ms-e <code>&amp;#xe907;</code></span>
<div class="clear"></div>
</div>
<div class="vectors">
<span class="utf"><i>&#xe902;</i> ms-1-2 <code>&amp;#xe902;</code></span>
<span class="utf"><i>&#xe929;</i> ms-acorn <code>&amp;#xe929;</code></span>
<span class="utf"><i>&#xe923;</i> ms-artist-brush <code>&amp;#xe923;</code></span>
<span class="utf"><i>&#xe924;</i> ms-artist-nib <code>&amp;#xe924;</code></span>
<span class="utf"><i>&#xe61d;</i> ms-chaos <code>&amp;#xe61d;</code></span>
<span class="utf"><i>&#xe9d7;</i> ms-defense <code>&amp;#xe9d7;</code></span>
<span class="utf"><i>&#xe9d8;</i> ms-defense-outline <code>&amp;#xe9d8;</code></span>
<span class="utf"><i>&#xe903;</i> ms-infinity <code>&amp;#xe903;</code></span>
<span class="utf"><i>&#xe9c7;</i> ms-level <code>&amp;#xe9c7;</code></span>
<span class="utf"><i>&#xe9c8;</i> ms-level-border <code>&amp;#xe9c8;</code></span>
<span class="utf"><i>&#xe627;</i> ms-loyalty-up <code>&amp;#xe627;</code></span>
<span class="utf"><i>&#xe625;</i> ms-loyalty-down <code>&amp;#xe625;</code></span>
<span class="utf"><i>&#xe626;</i> ms-loyalty-zero <code>&amp;#xe626;</code></span>
<span class="utf"><i>&#xe628;</i> ms-loyalty-start <code>&amp;#xe628;</code></span>
<span class="utf"><i>&#xe985;</i> ms-multicolor <code>&amp;#xe985;</code></span>
<span class="utf"><i>&#xe921;</i> ms-power <code>&amp;#xe921;</code></span>
<span class="utf"><i>&#xe92a;</i> ms-saga <code>&amp;#xe92a;</code></span>
<span class="utf"><i>&#xe61a;</i> ms-tap <code>&amp;#xe61a;</code></span>
<span class="utf"><i>&#xe61c;</i> ms-tap-alt <code>&amp;#xe61c;</code></span>
<span class="utf"><i>&#xe922;</i> ms-toughness <code>&amp;#xe922;</code></span>
<span class="utf"><i>&#xe61b;</i> ms-untap <code>&amp;#xe61b;</code></span>
<span class="utf"><i>&#xe98a;</i> ms-ci-1 <code>&amp;#xe98a;</code></span>
<span class="utf"><i>&#xe98b;</i> ms-ci-2 <code>&amp;#xe98b;</code></span>
<span class="utf"><i>&#xe98c;</i> ms-ci-3 <code>&amp;#xe98c;</code></span>
<span class="utf"><i>&#xe98d;</i> ms-ci-4 <code>&amp;#xe98d;</code></span>
<span class="utf"><i>&#xe98e;</i> ms-ci-5 <code>&amp;#xe98e;</code></span>
<div class="clear"></div>
</div>
<div class="vectors">
<span class="utf"><i style="width:auto;">&#xe900;</i> ms-100 <code>&amp;#xe900;</code></span>
<span class="utf long"><i class="long">&#xe901;</i> ms-1000000 <code>&amp;#xe901;</code></span>
<div class="clear"></div>
</div>
<div class="vectors overflow">
<span class="utf"><i>&#xe61e;</i> ms-artifact <code>&amp;#xe61e;</code></span>
<span class="utf"><i>&#xe9d1;</i> ms-battle <code>&amp;#xe9d1;</code></span>
<span class="utf"><i>&#xe9d2;</i> ms-battle-siege <code>&amp;#xe9d2;</code></span>
<span class="utf"><i>&#xe972;</i> ms-conspiracy <code>&amp;#xe972;</code></span>
<span class="utf"><i>&#xe61f;</i> ms-creature <code>&amp;#xe61f;</code></span>
<span class="utf"><i>&#xe620;</i> ms-enchantment <code>&amp;#xe620;</code></span>
<span class="utf"><i>&#xe629;</i> ms-flashback <code>&amp;#xe629;</code></span>
<span class="utf"><i>&#xe621;</i> ms-instant <code>&amp;#xe621;</code></span>
<span class="utf"><i>&#xe622;</i> ms-land <code>&amp;#xe622;</code></span>
<span class="utf"><i>&#xe925;</i> ms-multiple <code>&amp;#xe925;</code></span>
<span class="utf"><i>&#xe96e;</i> ms-phenomenon <code>&amp;#xe96e;</code></span>
<span class="utf"><i>&#xe96f;</i> ms-plane <code>&amp;#xe96f;</code></span>
<span class="utf"><i>&#xe623;</i> ms-planeswalker <code>&amp;#xe623;</code></span>
<span class="utf"><i>&#xe96c;</i> ms-rarity <code>&amp;#xe96c;</code></span>
<span class="utf"><i>&#xe970;</i> ms-scheme <code>&amp;#xe970;</code></span>
<span class="utf"><i>&#xe624;</i> ms-sorcery <code>&amp;#xe624;</code></span>
<span class="utf"><i>&#xe972;</i> ms-token <code>&amp;#xe96d;</code></span>
<span class="utf"><i>&#xe925;</i> ms-tribal <code>&amp;#xe925;</code></span>
<span class="utf"><i>&#xe971;</i> ms-vanguard <code>&amp;#xe971;</code></span>
<div class="clear"></div>
</div>
<div class="vectors overflow">
<span class="utf"><i>&#xe905;</i> ms-dfc-night <code>&amp;#xe905;</code></span>
<span class="utf"><i>&#xe906;</i> ms-dfc-day <code>&amp;#xe906;</code></span>
<span class="utf"><i>&#xe909;</i> ms-dfc-spark <code>&amp;#xe909;</code></span>
<span class="utf"><i>&#xe908;</i> ms-dfc-ignite <code>&amp;#xe908;</code></span>
<span class="utf"><i>&#xe90b;</i> ms-dfc-moon <code>&amp;#xe90b;</code></span>
<span class="utf"><i>&#xe90a;</i> ms-dfc-emrakul <code>&amp;#xe90a;</code></span>
<span class="utf"><i>&#xe920;</i> ms-dfc-enchantment <code>&amp;#xe920;</code></span>
<span class="utf"><i>&#xe98f;</i> ms-dfc-lesson <code>&amp;#xe98f;</code></span>
<span class="utf"><i>&#xe9d3;</i> ms-dfc-front <code>&amp;#xe9d3;</code></span>
<span class="utf"><i>&#xe9d4;</i> ms-dfc-back <code>&amp;#xe9d4;</code></span>
<span class="utf"><i>&#xe9d5;</i> ms-dfc-meld <code>&amp;#xe9d5;</code></span>
<span class="utf"><i>&#xe9d6;</i> ms-dfc-facedown <code>&amp;#xe9d6;</code></span>
<span class="utf"><i>&#xe983;</i> ms-dfc-modal-face <code>&amp;#xe983;</code></span>
<span class="utf"><i>&#xe984;</i> ms-dfc-modal-back <code>&amp;#xe984;</code></span>
<div class="clear"></div>
</div>
<div class="vectors overflow">
<span class="utf"><i>&#xe90c;</i> ms-guild-azorius <code>&amp;#xe90c;</code></span>
<span class="utf"><i>&#xe90d;</i> ms-guild-boros <code>&amp;#xe90d;</code></span>
<span class="utf"><i>&#xe90e;</i> ms-guild-dimir <code>&amp;#xe90e;</code></span>
<span class="utf"><i>&#xe90f;</i> ms-guild-golgari <code>&amp;#xe90f;</code></span>
<span class="utf"><i>&#xe910;</i> ms-guild-gruul <code>&amp;#xe910;</code></span>
<span class="utf"><i>&#xe911;</i> ms-guild-izzet <code>&amp;#xe911;</code></span>
<span class="utf"><i>&#xe912;</i> ms-guild-orzhov <code>&amp;#xe912;</code></span>
<span class="utf"><i>&#xe913;</i> ms-guild-rakdos <code>&amp;#xe913;</code></span>
<span class="utf"><i>&#xe914;</i> ms-guild-selesnya <code>&amp;#xe914;</code></span>
<span class="utf"><i>&#xe915;</i> ms-guild-simic <code>&amp;#xe915;</code></span>
<span class="utf"><i>&#xe916;</i> ms-clan-abzan <code>&amp;#xe916;</code></span>
<span class="utf"><i>&#xe917;</i> ms-clan-jeskai <code>&amp;#xe917;</code></span>
<span class="utf"><i>&#xe918;</i> ms-clan-mardu <code>&amp;#xe918;</code></span>
<span class="utf"><i>&#xe919;</i> ms-clan-sultai <code>&amp;#xe919;</code></span>
<span class="utf"><i>&#xe91a;</i> ms-clan-temur <code>&amp;#xe91a;</code></span>
<span class="utf"><i>&#xe91b;</i> ms-clan-atarka <code>&amp;#xe91b;</code></span>
<span class="utf"><i>&#xe91c;</i> ms-clan-dromoka <code>&amp;#xe91c;</code></span>
<span class="utf"><i>&#xe91d;</i> ms-clan-ojutai <code>&amp;#xe91d;</code></span>
<span class="utf"><i>&#xe91e;</i> ms-clan-kolaghan <code>&amp;#xe91e;</code></span>
<span class="utf"><i>&#xe91f;</i> ms-clan-silumgar <code>&amp;#xe91f;</code></span>
<span class="utf"><i>&#xe926;</i> ms-polis-setessa <code>&amp;#xe926;</code></span>
<span class="utf"><i>&#xe927;</i> ms-polis-akros <code>&amp;#xe927;</code></span>
<span class="utf"><i>&#xe928;</i> ms-polis-meletis <code>&amp;#xe928;</code></span>
<span class="utf"><i>&#xe99a;</i> ms-school-lorehold <code>&amp;#xe99a;</code></span>
<span class="utf"><i>&#xe99a;</i> ms-school-prismari <code>&amp;#xe99c;</code></span>
<span class="utf"><i>&#xe99a;</i> ms-school-quandrix <code>&amp;#xe99e;</code></span>
<span class="utf"><i>&#xe99a;</i> ms-school-silverquill <code>&amp;#xe9a0;</code></span>
<span class="utf"><i>&#xe99a;</i> ms-school-witherbloom <code>&amp;#xe9a2;</code></span>
<span class="utf"><i>&#xea0d;</i> ms-school-brokers <code>&amp;#xea0d;</code></span>
<span class="utf"><i>&#xea0e;</i> ms-school-cabaretti <code>&amp;#xea0e;</code></span>
<span class="utf"><i>&#xea0f;</i> ms-school-maestros <code>&amp;#xea0e;</code></span>
<span class="utf"><i>&#xea10;</i> ms-school-obscura <code>&amp;#xea10;</code></span>
<span class="utf"><i>&#xea11;</i> ms-school-riveteers <code>&amp;#xea11;</code></span>
<div class="clear"></div>
</div>
<div class="vectors overflow">
<span class="utf"><i>&#xe947;</i> ms-ability-activated <code>&amp;#xe947;</code></span>
<span class="utf"><i>&#xe974;</i> ms-ability-adamant <code>&amp;#xe974;</code></span>
<span class="utf"><i>&#xe975;</i> ms-ability-adapt <code>&amp;#xe975;</code></span>
<span class="utf"><i>&#xe976;</i> ms-ability-addendum <code>&amp;#xe976;</code></span>
<span class="utf"><i>&#xe948;</i> ms-ability-adventure <code>&amp;#xe948;</code></span>
<span class="utf"><i>&#xe977;</i> ms-ability-afflict <code>&amp;#xe977;</code></span>
<span class="utf"><i>&#xe978;</i> ms-ability-afterlife <code>&amp;#xe978;</code></span>
<span class="utf"><i>&#xe979;</i> ms-ability-aftermath <code>&amp;#xe979;</code></span>
<span class="utf"><i>&#xe9b5;</i> ms-ability-alliance <code>&amp;#xe9b5;</code></span>
<span class="utf"><i>&#xe97a;</i> ms-ability-amass <code>&amp;#xe97a;</code></span>
<span class="utf"><i>&#xe9e0;</i> ms-ability-amass-orcs <code>&amp;#xe9e0;</code></span>
<span class="utf"><i>&#xe94a;</i> ms-ability-ascend <code>&amp;#xe94a;</code></span>
<span class="utf"><i>&#xe9d9;</i> ms-ability-backup <code>&amp;#xe9d9;</code></span>
<span class="utf"><i>&#xe9e2;</i> ms-ability-bargain <code>&amp;#xe9e2;</code></span>
<span class="utf"><i>&#xe9b4;</i> ms-ability-blitz <code>&amp;#xe9b4;</code></span>
<span class="utf"><i>&#xe991;</i> ms-ability-boast <code>&amp;#xe991;</code></span>
<span class="utf"><i>&#xe9b7;</i> ms-ability-casualty <code>&amp;#xe9b7;</code></span>
<span class="utf"><i>&#xe9e3;</i> ms-ability-celebration <code>&amp;#xe9e3;</code></span>
<span class="utf"><i>&#xe9a6;</i> ms-ability-changeling <code>&amp;#xe9a6;</code></span>
<span class="utf"><i>&#xe9b1;</i> ms-ability-channel <code>&amp;#xe9b1;</code></span>
<span class="utf"><i>&#xe9ad;</i> ms-ability-cleave <code>&amp;#xe9ad;</code></span>
<span class="utf"><i>&#xe97b;</i> ms-ability-companion <code>&amp;#xe97b;</code></span>
<span class="utf"><i>&#xe97c;</i> ms-ability-constellation <code>&amp;#xe97c;</code></span>
<span class="utf"><i>&#xe9da;</i> ms-ability-convoke <code>&amp;#xe9da;</code></span>
<span class="utf"><i>&#xe949;</i> ms-ability-convoke-original <code>&amp;#xe949;</code></span>
<span class="utf"><i>&#xe9c0;</i> ms-ability-corrupted <code>&amp;#xe9c0;</code></span>
<span class="utf"><i>&#xe9aa;</i> ms-ability-coven <code>&amp;#xe9aa;</code></span>
<span class="utf"><i>&#xe999;</i> ms-ability-d20 <code>&amp;#xe999;</code></span>
<span class="utf"><i>&#xe9a8;</i> ms-ability-day-night <code>&amp;#xe9a8;</code></span>
<span class="utf"><i>&#xe9a9;</i> ms-ability-daybound-nightbound <code>&amp;#xe9a9;</code></span>
<span class="utf"><i>&#xe94b;</i> ms-ability-deathtouch <code>&amp;#xe94b;</code></span>
<span class="utf"><i>&#xe9ac;</i> ms-ability-decayed <code>&amp;#xe9ac;</code></span>
<span class="utf"><i>&#xe94c;</i> ms-ability-defender <code>&amp;#xe94c;</code></span>
<span class="utf"><i>&#xe97d;</i> ms-ability-devotion <code>&amp;#xe97d;</code></span>
<span class="utf"><i>&#xe9ae;</i> ms-ability-disturb <code>&amp;#xe9ae;</code></span>
<span class="utf"><i>&#xe9a7;</i> ms-ability-domain <code>&amp;#xe9a7;</code></span>
<span class="utf"><i>&#xe94d;</i> ms-ability-double-strike <code>&amp;#xe94d;</code></span>
<span class="utf"><i>&#xe995;</i> ms-ability-dungeon <code>&amp;#xe995;</code></span>
<span class="utf"><i>&#xe97e;</i> ms-ability-embalm <code>&amp;#xe97e;</code></span>
<span class="utf"><i>&#xe9ba;</i> ms-ability-enlist <code>&amp;#xe9ba;</code></span>
<span class="utf"><i>&#xe9dc;</i> ms-ability-enrage <code>&amp;#xe9dc;</code></span>
<span class="utf"><i>&#xe94e;</i> ms-ability-enrage-original <code>&amp;#xe94e;</code></span>
<span class="utf"><i>&#xe969;</i> ms-ability-escape <code>&amp;#xe969;</code></span>
<span class="utf"><i>&#xe97f;</i> ms-ability-eternalize <code>&amp;#xe97f;</code></span>
<span class="utf"><i>&#xe9af;</i> ms-ability-exploit <code>&amp;#xe9af;</code></span>
<span class="utf"><i>&#xe94f;</i> ms-ability-explore <code>&amp;#xe94f;</code></span>
<span class="utf"><i>&#xe950;</i> ms-ability-first-strike <code>&amp;#xe950;</code></span>
<span class="utf"><i>&#xe951;</i> ms-ability-flash <code>&amp;#xe951;</code></span>
<span class="utf"><i>&#xe952;</i> ms-ability-flying <code>&amp;#xe952;</code></span>
<span class="utf"><i>&#xe9c1;</i> ms-ability-for-mirrodin <code>&amp;#xe9c1;</code></span>
<span class="utf"><i>&#xe990;</i> ms-ability-foretell <code>&amp;#xe990;</code></span>
<span class="utf"><i>&#xe9e4;</i> ms-ability-haktos-the-unscarred <code>&amp;#xe9e4;</code></span>
<span class="utf"><i>&#xe953;</i> ms-ability-haste <code>&amp;#xe953;</code></span>
<span class="utf"><i>&#xe954;</i> ms-ability-hexproof <code>&amp;#xe954;</code></span>
<span class="utf"><i>&#xe955;</i> ms-ability-hexproof-black <code>&amp;#xe955;</code></span>
<span class="utf"><i>&#xe956;</i> ms-ability-hexproof-blue <code>&amp;#xe956;</code></span>
<span class="utf"><i>&#xe957;</i> ms-ability-hexproof-green <code>&amp;#xe957;</code></span>
<span class="utf"><i>&#xe958;</i> ms-ability-hexproof-red <code>&amp;#xe958;</code></span>
<span class="utf"><i>&#xe959;</i> ms-ability-hexproof-white <code>&amp;#xe959;</code></span>
<span class="utf"><i>&#xe9b8;</i> ms-ability-hideaway <code>&amp;#xe9b8;</code></span>
<span class="utf"><i>&#xe9de;</i> ms-ability-improvise <code>&amp;#xe9de;</code></span>
<span class="utf"><i>&#xe9db;</i> ms-ability-incubate <code>&amp;#xe9db;</code></span>
<span class="utf"><i>&#xe95a;</i> ms-ability-indestructible <code>&amp;#xe95a;</code></span>
<span class="utf"><i>&#xe9ab;</i> ms-ability-investigate <code>&amp;#xe9ab;</code></span>
<span class="utf"><i>&#xe95b;</i> ms-ability-jumpstart <code>&amp;#xe95b;</code></span>
<span class="utf"><i>&#xe989;</i> ms-ability-kicker <code>&amp;#xe989;</code></span>
<span class="utf"><i>&#xe988;</i> ms-ability-landfall <code>&amp;#xe988;</code></span>
<span class="utf"><i>&#xe994;</i> ms-ability-learn <code>&amp;#xe994;</code></span>
<span class="utf"><i>&#xe95c;</i> ms-ability-lifelink <code>&amp;#xe95c;</code></span>
<span class="utf"><i>&#xe993;</i> ms-ability-magecraft <code>&amp;#xe993;</code></span>
<span class="utf"><i>&#xe9bd;</i> ms-ability-meld <code>&amp;#xe9bd;</code></span>
<span class="utf"><i>&#xe95d;</i> ms-ability-menace <code>&amp;#xe95d;</code></span>
<span class="utf"><i>&#xe95e;</i> ms-ability-mentor <code>&amp;#xe95e;</code></span>
<span class="utf"><i>&#xe980;</i> ms-ability-mutate <code>&amp;#xe980;</code></span>
<span class="utf"><i>&#xe9b2;</i> ms-ability-ninjutsu <code>&amp;#xe9b2;</code></span>
<span class="utf"><i>&#xe9b6;</i> ms-ability-obscura <code>&amp;#xe9b6;</code></span>
<span class="utf"><i>&#xe987;</i> ms-ability-party <code>&amp;#xe987;</code></span>
<span class="utf"><i>&#xe618;</i> ms-ability-phyrexian <code>&amp;#xe618;</code></span>
<span class="utf"><i>&#xe981;</i> ms-ability-proliferate <code>&amp;#xe981;</code></span>
<span class="utf"><i>&#xe9be;</i> ms-ability-prototype <code>&amp;#xe9be;</code></span>
<span class="utf"><i>&#xe982;</i> ms-ability-prowess <code>&amp;#xe982;</code></span>
<span class="utf"><i>&#xe95f;</i> ms-ability-raid <code>&amp;#xe95f;</code></span>
<span class="utf"><i>&#xe960;</i> ms-ability-reach <code>&amp;#xe960;</code></span>
<span class="utf"><i>&#xe9b9;</i> ms-ability-read-ahead <code>&amp;#xe9b9;</code></span>
<span class="utf"><i>&#xe9b3;</i> ms-ability-reconfigure <code>&amp;#xe9b3;</code></span>
<span class="utf"><i>&#xe961;</i> ms-ability-revolt <code>&amp;#xe961;</code></span>
<span class="utf"><i>&#xe9df;</i> ms-ability-ring-bearer <code>&amp;#xe9df;</code></span>
<span class="utf"><i>&#xe973;</i> ms-ability-riot <code>&amp;#xe973;</code></span>
<span class="utf"><i>&#xe9e5;</i> ms-ability-robber-of-the-rich <code>&amp;#xe9e5;</code></span>
<span class="utf"><i>&#xe9e6;</i> ms-ability-role-cursed <code>&amp;#xe9e6;</code></span>
<span class="utf"><i>&#xe9e7;</i> ms-ability-role-monster <code>&amp;#xe9e7;</code></span>
<span class="utf"><i>&#xe9e8;</i> ms-ability-role-royal <code>&amp;#xe9e8;</code></span>
<span class="utf"><i>&#xe9e9;</i> ms-ability-role-sorceror <code>&amp;#xe9e9;</code></span>
<span class="utf"><i>&#xe9ea;</i> ms-ability-role-wicked <code>&amp;#xe9ea;</code></span>
<span class="utf"><i>&#xe9eb;</i> ms-ability-role-young-hero <code>&amp;#xe9eb;</code></span>
<span class="utf"><i>&#xe9bb;</i> ms-ability-specialize <code>&amp;#xe9bb;</code></span>
<span class="utf"><i>&#xe96b;</i> ms-ability-spectacle <code>&amp;#xe96b;</code></span>
<span class="utf"><i>&#xe962;</i> ms-ability-static <code>&amp;#xe962;</code></span>
<span class="utf"><i>&#xe96a;</i> ms-ability-summoning-sickness <code>&amp;#xe96a;</code></span>
<span class="utf"><i>&#xe963;</i> ms-ability-surveil <code>&amp;#xe963;</code></span>
<span class="utf"><i>&#xe9e1;</i> ms-ability-the-ring-tempts-you <code>&amp;#xe9e1;</code></span>
<span class="utf"><i>&#xe9bf;</i> ms-ability-toxic <code>&amp;#xe9bf;</code></span>
<span class="utf"><i>&#xe9b0;</i> ms-ability-training <code>&amp;#xe9b0;</code></span>
<span class="utf"><i>&#xe964;</i> ms-ability-trample <code>&amp;#xe964;</code></span>
<span class="utf"><i>&#xe965;</i> ms-ability-transform <code>&amp;#xe965;</code></span>
<span class="utf"><i>&#xe966;</i> ms-ability-triggered <code>&amp;#xe966;</code></span>
<span class="utf"><i>&#xe9bc;</i> ms-ability-unearth <code>&amp;#xe9bc;</code></span>
<span class="utf"><i>&#xe967;</i> ms-ability-undergrowth <code>&amp;#xe967;</code></span>
<span class="utf"><i>&#xe968;</i> ms-ability-vigilance <code>&amp;#xe968;</code></span>
<span class="utf"><i>&#xe992;</i> ms-ability-ward <code>&amp;#xe992;</code></span>
<div class="clear"></div>
</div>
<div class="vectors overflow">
<span class="utf"><i>&#xe92b;</i> ms-counter-arrow <code>&amp;#xe92b;</code></span>
<span class="utf"><i>&#xe92c;</i> ms-counter-brick <code>&amp;#xe92c;</code></span>
<span class="utf"><i>&#xe92d;</i> ms-counter-charge <code>&amp;#xe92d;</code></span>
<span class="utf"><i>&#xe9dd;</i> ms-counter-damage <code>&amp;#xe9dd;</code></span>
<span class="utf"><i>&#xe92e;</i> ms-counter-devotion <code>&amp;#xe92e;</code></span>
<span class="utf"><i>&#xe92f;</i> ms-counter-doom <code>&amp;#xe92f;</code></span>
<span class="utf"><i>&#xe930;</i> ms-counter-echo <code>&amp;#xe930;</code></span>
<span class="utf"><i>&#xe931;</i> ms-counter-flame <code>&amp;#xe931;</code></span>
<span class="utf"><i>&#xe932;</i> ms-counter-flood <code>&amp;#xe932;</code></span>
<span class="utf"><i>&#xe933;</i> ms-counter-fungus <code>&amp;#xe933;</code></span>
<span class="utf"><i>&#xe934;</i> ms-counter-gold <code>&amp;#xe934;</code></span>
<span class="utf"><i>&#xe935;</i> ms-counter-ki <code>&amp;#xe935;</code></span>
<span class="utf"><i>&#xe936;</i> ms-counter-lore <code>&amp;#xe936;</code></span>
<span class="utf"><i>&#xe937;</i> ms-counter-loyalty <code>&amp;#xe937;</code></span>
<span class="utf"><i>&#xe938;</i> ms-counter-mining <code>&amp;#xe938;</code></span>
<span class="utf"><i>&#xe939;</i> ms-counter-minus <code>&amp;#xe939;</code></span>
<span class="utf"><i>&#xe943;</i> ms-counter-minus-uneven <code>&amp;#xe943;</code></span>
<span class="utf"><i>&#xe93a;</i> ms-counter-muster <code>&amp;#xe93a;</code></span>
<span class="utf"><i>&#xe93b;</i> ms-counter-paw <code>&amp;#xe93b;</code></span>
<span class="utf"><i>&#xe93c;</i> ms-counter-pin <code>&amp;#xe93c;</code></span>
<span class="utf"><i>&#xe93d;</i> ms-counter-plus <code>&amp;#xe93d;</code></span>
<span class="utf"><i>&#xe944;</i> ms-counter-plus-uneven <code>&amp;#xe944;</code></span>
<span class="utf"><i>&#xe93e;</i> ms-counter-scream <code>&amp;#xe93e;</code></span>
<span class="utf"><i>&#xe9c3;</i> ms-counter-shield <code>&amp;#xe9c3;</code></span>
<span class="utf"><i>&#xe93f;</i> ms-counter-skeleton <code>&amp;#xe93f;</code></span>
<span class="utf"><i>&#xe940;</i> ms-counter-skull <code>&amp;#xe940;</code></span>
<span class="utf"><i>&#xe9c2;</i> ms-counter-stun <code>&amp;#xe9c2;</code></span>
<span class="utf"><i>&#xe941;</i> ms-counter-slime <code>&amp;#xe941;</code></span>
<span class="utf"><i>&#xe942;</i> ms-counter-time <code>&amp;#xe942;</code></span>
<span class="utf"><i>&#xe945;</i> ms-counter-verse <code>&amp;#xe945;</code></span>
<span class="utf"><i>&#xe9ec;</i> ms-counter-void <code>&amp;#xe9ec;</code></span>
<span class="utf"><i>&#xe946;</i> ms-counter-vortex <code>&amp;#xe946;</code></span>
<div class="clear"></div>
</div>
<div class="vectors overflow">
<span class="utf"><i>&#xea08;</i> ms-watermark-agentsofsneak <code>&amp;#xea08;</code></span>
<span class="utf"><i>&#xea1e;</i> ms-watermark-arena <code>&amp;#xea1e;</code></span>
<span class="utf"><i>&#xe9f0;</i> ms-watermark-colorpie <code>&amp;#xe9f0;</code></span>
<span class="utf"><i>&#xea12;</i> ms-watermark-conspiracy <code>&amp;#xea12;</code></span>
<span class="utf"><i>&#xea15;</i> ms-watermark-corocoro <code>&amp;#xea15;</code></span>
<span class="utf"><i>&#xea09;</i> ms-watermark-crossbreedlabs <code>&amp;#xea09;</code></span>
<span class="utf"><i>&#xea27;</i> ms-watermark-cutiemark-apples <code>&amp;#xea27;</code></span>
<span class="utf"><i>&#xea28;</i> ms-watermark-cutiemark-balloons <code>&amp;#xea28;</code></span>
<span class="utf"><i>&#xea29;</i> ms-watermark-cutiemark-butterflies <code>&amp;#xea29;</code></span>
<span class="utf"><i>&#xea04;</i> ms-watermark-cutiemark-gems <code>&amp;#xea04;</code></span>
<span class="utf"><i>&#xea2a;</i> ms-watermark-cutiemark-rainbow <code>&amp;#xea2a;</code></span>
<span class="utf"><i>&#xea05;</i> ms-watermark-cutiemark-sparkle <code>&amp;#xea05;</code></span>
<span class="utf"><i>&#xea06;</i> ms-watermark-cutiemark-waningmoon <code>&amp;#xea06;</code></span>
<span class="utf"><i>&#xea07;</i> ms-watermark-cutiemark-waxingmoon <code>&amp;#xea07;</code></span>
<span class="utf"><i>&#xea1d;</i> ms-watermark-dci <code>&amp;#xea1d;</code></span>
<span class="utf"><i>&#xea14;</i> ms-watermark-dengekimaoh <code>&amp;#xea14;</code></span>
<span class="utf"><i>&#xe9f1;</i> ms-watermark-desparked <code>&amp;#xe9f1;</code></span>
<span class="utf"><i>&#xea17;</i> ms-watermark-dnd <code>&amp;#xea17;</code></span>
<span class="utf"><i>&#xe9f2;</i> ms-watermark-flavor-aestheticconsultation <code>&amp;#xe9f2;</code></span>
<span class="utf"><i>&#xe9f8;</i> ms-watermark-flavor-farewelltoarms <code>&amp;#xe9f8;</code></span>
<span class="utf"><i>&#xe9f7;</i> ms-watermark-flavor-monkeymonkeymonkey <code>&amp;#xe9f7;</code></span>
<span class="utf"><i>&#xe9f5;</i> ms-watermark-flavor-moxlotus <code>&amp;#xe9f5;</code></span>
<span class="utf"><i>&#xe9f6;</i> ms-watermark-flavor-myfirsttome <code>&amp;#xe9f6;</code></span>
<span class="utf"><i>&#xe9f7;</i> ms-watermark-flavor-shoetree <code>&amp;#xe9f7;</code></span>
<span class="utf"><i>&#xe9f8;</i> ms-watermark-flavor-whenfluffybunniesattack <code>&amp;#xe9f8;</code></span>
<span class="utf"><i>&#xea16;</i> ms-watermark-fnm <code>&amp;#xea16;</code></span>
<span class="utf"><i>&#xea0a;</i> ms-watermark-goblinexplosioneers <code>&amp;#xea0a;</code></span>
<span class="utf"><i>&#xea1f;</i> ms-watermark-grandprix <code>&amp;#xea1f;</code></span>
<span class="utf"><i>&#xea20;</i> ms-watermark-grandprix2 <code>&amp;#xea20;</code></span>
<span class="utf"><i>&#xea02;</i> ms-watermark-herospath <code>&amp;#xea02;</code></span>
<span class="utf"><i>&#xe9f9;</i> ms-watermark-herospath-1 <code>&amp;#xe9f9;</code></span>
<span class="utf"><i>&#xe9fa;</i> ms-watermark-herospath-2 <code>&amp;#xe9fa;</code></span>
<span class="utf"><i>&#xe9fb;</i> ms-watermark-herospath-3 <code>&amp;#xe9fb;</code></span>
<span class="utf"><i>&#xe9fc;</i> ms-watermark-herospath-4 <code>&amp;#xe9fc;</code></span>
<span class="utf"><i>&#xe9fd;</i> ms-watermark-herospath-5 <code>&amp;#xe9fd;</code></span>
<span class="utf"><i>&#xe9fe;</i> ms-watermark-herospath-6 <code>&amp;#xe9fe;</code></span>
<span class="utf"><i>&#xe9ff;</i> ms-watermark-herospath-7 <code>&amp;#xe9ff;</code></span>
<span class="utf"><i>&#xea00;</i> ms-watermark-herospath-8 <code>&amp;#xea00;</code></span>
<span class="utf"><i>&#xea01;</i> ms-watermark-herospath-9 <code>&amp;#xea01;</code></span>
<span class="utf"><i>&#xea24;</i> ms-watermark-japanjunior <code>&amp;#xea24;</code></span>
<span class="utf"><i>&#xea13;</i> ms-watermark-judgeacademy <code>&amp;#xea13;</code></span>
<span class="utf"><i>&#xea23;</i> ms-watermark-junior <code>&amp;#xea23;</code></span>
<span class="utf"><i>&#xea21;</i> ms-watermark-juniorapac <code>&amp;#xea21;</code></span>
<span class="utf"><i>&#xea22;</i> ms-watermark-junioreurope <code>&amp;#xea22;</code></span>
<span class="utf"><i>&#xea0b;</i> ms-watermark-leagueofdastardlydoom <code>&amp;#xea0b;</code></span>
<span class="utf"><i>&#xea03;</i> ms-watermark-mirran <code>&amp;#xea03;</code></span>
<span class="utf"><i>&#xea1a;</i> ms-watermark-mps <code>&amp;#xea1a;</code></span>
<span class="utf"><i>&#xe9ed;</i> ms-watermark-mtg <code>&amp;#xe9ed;</code></span>
<span class="utf"><i>&#xe9ee;</i> ms-watermark-mtg10 <code>&amp;#xe9ee;</code></span>
<span class="utf"><i>&#xe9ef;</i> ms-watermark-mtg15 <code>&amp;#xe9ef;</code></span>
<span class="utf"><i>&#xea19;</i> ms-watermark-nerf <code>&amp;#xea19;</code></span>
<span class="utf"><i>&#xea0c;</i> ms-watermark-orderofthewidget <code>&amp;#xea0c;</code></span>
<span class="utf"><i>&#xea26;</i> ms-watermark-protour <code>&amp;#xea26;</code></span>
<span class="utf"><i>&#xea25;</i> ms-watermark-scholarship <code>&amp;#xea25;</code></span>
<span class="utf"><i>&#xea18;</i> ms-watermark-transformers <code>&amp;#xea18;</code></span>
<span class="utf"><i>&#xea2b;</i> ms-watermark-trumpkatsumai <code>&amp;#xea2b;</code></span>
<span class="utf"><i>&#xea1b;</i> ms-watermark-wotc <code>&amp;#xea1b;</code></span>
<span class="utf"><i>&#xea1c;</i> ms-watermark-wpn <code>&amp;#xea1c;</code></span>
<div class="clear"></div>
</div>
</section>
</div>
</main>
<footer>
<div class="wrapper">
<div class="float-left">
<p>Made with &hearts; by <a href="https://andrewgioia.com">Andrew Gioia</a></p>
</div>
<div class="float-right" style="text-align: right;">
<p>
All mana images and card symbols &copy; <a href="http://magicthegathering.com">Wizards of the Coast</a><br />
The Mana font is licensed under the the <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a><br />
Mana CSS, LESS, and Sass files are licensed under the <a href="http://opensource.org/licenses/mit-license.html">MIT License</a><br />
</p>
</div>
<div class="clear"></div>
</div>
</footer>
</body>
</html>

BIN
docs/favicon.ico Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 15 KiB

BIN
docs/fonts/beleren.eot Executable file

Binary file not shown.

BIN
docs/fonts/beleren.otf Executable file

Binary file not shown.

3634
docs/fonts/beleren.svg Executable file

File diff suppressed because it is too large Load Diff

After

Width:  |  Height:  |  Size: 219 KiB

BIN
docs/fonts/beleren.ttf Executable file

Binary file not shown.

BIN
docs/fonts/beleren.woff Executable file

Binary file not shown.

BIN
docs/fonts/mana.eot Normal file

Binary file not shown.

430
docs/fonts/mana.svg Normal file

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 1.6 MiB

BIN
docs/fonts/mana.ttf Normal file

Binary file not shown.

BIN
docs/fonts/mana.woff Normal file

Binary file not shown.

BIN
docs/fonts/mana.woff2 Normal file

Binary file not shown.

BIN
docs/fonts/mplantin.eot Executable file

Binary file not shown.

1484
docs/fonts/mplantin.svg Executable file

File diff suppressed because it is too large Load Diff

After

Width:  |  Height:  |  Size: 206 KiB

BIN
docs/fonts/mplantin.ttf Executable file

Binary file not shown.

BIN
docs/fonts/mplantin.woff Executable file

Binary file not shown.

1195
docs/icons.html Normal file

File diff suppressed because it is too large Load Diff

107
docs/index.html Normal file
View File

@ -0,0 +1,107 @@
<!doctype html>
<html>
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="chrome=1" />
<title>Mana | Andrew Gioia</title>
<link rel="stylesheet" href="assets/mana.min.css" />
<link rel="stylesheet" href="assets/docs.css" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
</head>
<body>
<section id="banner">
<div class="wrapper">
<a href="index.html" class="item">Home</a>
<a href="icons.html" class="item">Mana Icons</a>
<a href="attributes.html" class="item">Attributes</a>
<a href="https://github.com/andrewgioia/Mana" class="item">GitHub Project</a>
<span class="item">
<iframe src="https://ghbtns.com/github-btn.html?user=andrewgioia&repo=mana&type=star&count=true" frameborder="0" scrolling="0" width="100px" height="20px" style="margin-bottom: -4px;"></iframe>
</span>
<span class="item">
Created by
<a href="http://andrewgioia.com">Andrew Gioia</a>
</span>
</div>
</section>
<header class="main">
<div class="wrapper">
<div class="bigicon">
<i class="ms ms-g"></i>
</div>
<h1>Mana</h1>
<h2>Magic: the Gathering card symbol font</h2>
<div class="actions">
<a class="dl button" href="https://github.com/andrewgioia/mana/archive/master.zip">
<i class="ms ms-instant"></i>
Download
</a>
<a class="vs button" href="icons.html">
<i class="ms ms-tap"></i>
View Mana Icons
</a>
</div>
<p>
Current version 1.15.9 includes all known mana and card symbols up to Wilds of Eldraine.
</p>
</div>
</header>
<main>
<div class="wrapper">
<section>
<h3><strong>Mana is a complete set of scalable vector icons for Magic mana (and other card) symbols.</strong> Drop them into your application, website, or custom cards (like this <i class="ms ms-cost ms-g"></i>) and control their size, color, drop shadow, or any dimension just as you would with text!</h3>
</section>
<section class="content">
<h4>Using Mana</h4>
<p>Each mana/card symbol has its own font character. Display them in a manner similar to <a href="https://fontawesome.io">Font Awesome</a> using the <code>&lt;i class="ms ..."&gt;&lt;/i&gt;</code> element. There are class names for each mana color (w, u, b, r, g, c) and for the various symbols that appear on cards (like tap). See the <a href="icons.html">full list</a> of available symbols.</p>
<p>To use Mana, move the font files to your /fonts directory and include the <code>mana.css</code> stylesheet in your <code>&lt;head&gt;</code>:</p>
<blockquote>
&lt;<span class="e">link</span> <span class="a">href</span>=<span class="v">"css/mana.css"</span> <span class="a">rel</span>=<span class="v">"stylesheet"</span> <span class="a">type</span>=<span class="v">"text/css"</span> /&gt;
</blockquote>
<p><strong>New!</strong> You can also now use Mana via CDN thanks to the amazing <a href="https://jsdelivr.com">jsDelivr</a> project! You can include the latest version in your project (and note the name is "mana-font"):</p>
<blockquote>
&lt;<span class="e">link</span> <span class="a">href</span>=<span class="v">"//cdn.jsdelivr.net/npm/mana-font@latest/css/mana.css"</span> <span class="a">rel</span>=<span class="v">"stylesheet"</span> <span class="a">type</span>=<span class="v">"text/css"</span> /&gt;
</blockquote>
<p>Insert set symbol icons by using the <code>.ms</code> class and then the mana/symbol code class(es), such as <code>.ms-u</code> for blue mana: <i class="ms ms-u"></i></p>
<blockquote>
&lt;<span class="e">i</span> <span class="a">class</span>=<span class="v">"ms ms-u"</span>&gt;&lt;/<span class="e">i</span>&gt;
</blockquote>
</section>
<section class="content">
<h4>Editing the Source</h4>
<p>Feel free to edit the source files and compile Mana to fit your needs. All SVG glyphs are compiled into font files using the wonderful <a href="https://icomoon.io">IcoMoon</a> app. For styling, both LESS and Sass are included.</p>
</section>
<section class="content">
<h4>License</h4>
<p>Please review the following licenses for each component of Mana:</p>
<ul>
<li>All mana and card symbol images are copyright Wizards of the Coast (<a href="https://magicthegathering.com">http://magicthegathering.com</a>)</li>
<li>The Mana font is licensed under the the SIL OFL 1.1 (<a href="https://scripts.sil.org/OFL">http://scripts.sil.org/OFL</a>)</li>
<li>Mana CSS, LESS, and Sass files are licensed under the MIT License (<a href="https://opensource.org/licenses/mit-license.html">http://opensource.org/licenses/mit-license.html</a>)</li>
</ul>
<p>Attribution is <strong>greatly appreciated</strong> but not required!</p>
</section>
</div>
</main>
<footer>
<div class="wrapper">
<div class="float-left">
<p>Made with &hearts; by <a href="https://andrewgioia.com">Andrew Gioia</a></p>
</div>
<div class="float-right" style="text-align: right;">
<p>
All mana images and card symbols &copy; <a href="https://magicthegathering.com">Wizards of the Coast</a><br />
The Mana font is licensed under the the <a href="https://scripts.sil.org/OFL">SIL OFL 1.1</a><br />
Mana CSS, LESS, and Sass files are licensed under the <a href="https://opensource.org/licenses/mit-license.html">MIT License</a><br />
</p>
</div>
<div class="clear"></div>
</div>
</footer>
</body>
</html>

Binary file not shown.

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 592 KiB

After

Width:  |  Height:  |  Size: 1.6 MiB

Binary file not shown.

Binary file not shown.

Binary file not shown.

View File

@ -32,10 +32,16 @@
h3 {
font-size: 19px;
font-weight: bold;
margin: 0;
margin: 16px 0 0;
}
p {
margin: 10px 0 20px;
margin: 12px 0 20px;
}
.grid {
display:flex;
flex-wrap:wrap;
gap: 0.5rem;
align-items: center;
}
footer {
border-top: 1px solid #eee;
@ -50,10 +56,12 @@
.left {
width: 46%;
float: left;
margin-bottom: 2rem;
}
.right {
width: 46%;
float: right;
margin-bottom: 2rem;
}
@media screen and (max-width: 1280px) {
.left, .right {
@ -86,6 +94,9 @@
<i class="ms ms-b ms-cost ms-shadow"></i>
<i class="ms ms-r ms-cost ms-shadow"></i>
<i class="ms ms-g ms-cost ms-shadow"></i>
&nbsp;&nbsp;
<i class="ms ms-w ms-w-original ms-cost ms-shadow"></i>
<i class="ms ms-w ms-w-list ms-cost ms-shadow"></i>
</div>
<div class="sm-screen">
<i class="ms ms-0 ms-cost ms-shadow"></i>
@ -124,6 +135,7 @@
<i class="ms ms-rp ms-cost ms-shadow"></i>
<i class="ms ms-gp ms-cost ms-shadow"></i>
<i class="ms ms-s ms-cost ms-shadow"></i>
<i class="ms ms-s-mtga ms-cost ms-shadow"></i>
<i class="ms ms-c ms-cost ms-shadow"></i>
<i class="ms ms-e"></i>
<br />
@ -142,6 +154,17 @@
<i class="ms ms-2b ms-cost ms-shadow"></i>
<i class="ms ms-2r ms-cost ms-shadow"></i>
<i class="ms ms-2g ms-cost ms-shadow"></i>
<br />
<i class="ms ms-wup ms-cost ms-shadow"></i>
<i class="ms ms-wbp ms-cost ms-shadow"></i>
<i class="ms ms-ubp ms-cost ms-shadow"></i>
<i class="ms ms-urp ms-cost ms-shadow"></i>
<i class="ms ms-brp ms-cost ms-shadow"></i>
<i class="ms ms-bgp ms-cost ms-shadow"></i>
<i class="ms ms-rwp ms-cost ms-shadow"></i>
<i class="ms ms-rgp ms-cost ms-shadow"></i>
<i class="ms ms-gwp ms-cost ms-shadow"></i>
<i class="ms ms-gup ms-cost ms-shadow"></i>
</p>
<h3>Tap and roll symbols</h3>
<p>
@ -181,174 +204,422 @@
<i class="ms ms-100 ms-cost ms-shadow"></i>
<i class="ms ms-1000000 ms-cost ms-shadow"></i>
<i class="ms ms-acorn"></i>
<i class="ms ms-ticket"></i>
</p>
</div>
<div class="right">
<h3>Future Sight and other type symbols</h3>
<h3>Color indicators</h3>
<p>
<i class="ms ms-artifact ms-2x" title="Artifact"></i>
<i class="ms ms-creature ms-2x" title="Creature"></i>
<i class="ms ms-enchantment ms-2x" title="Enchantment"></i>
<i class="ms ms-instant ms-2x" title="Instant"></i>
<i class="ms ms-land ms-2x" title="Land"></i>
<i class="ms ms-planeswalker ms-2x" title="Planeswalker"></i>
<i class="ms ms-sorcery ms-2x" title="Sorcery"></i>
<i class="ms ms-tribal ms-2x" title="Tribal"></i>
<i class="ms ms-plane ms-2x" title="Plane"></i>
<i class="ms ms-phenomenon ms-2x" title="Phenomenon"></i>
<i class="ms ms-scheme ms-2x" title="Scheme"></i>
<i class="ms ms-conspiracy ms-2x" title="Conspiracy"></i>
<i class="ms ms-ci ms-ci-1 ms-ci-w"></i>
<i class="ms ms-ci ms-ci-1 ms-ci-u"></i>
<i class="ms ms-ci ms-ci-1 ms-ci-b"></i>
<i class="ms ms-ci ms-ci-1 ms-ci-r"></i>
<i class="ms ms-ci ms-ci-1 ms-ci-g"></i>
&nbsp;
<i class="ms ms-ci ms-ci-2 ms-ci-wu"></i>
<i class="ms ms-ci ms-ci-2 ms-ci-wb"></i>
<i class="ms ms-ci ms-ci-2 ms-ci-ub"></i>
<i class="ms ms-ci ms-ci-2 ms-ci-ur"></i>
<i class="ms ms-ci ms-ci-2 ms-ci-bg"></i>
<i class="ms ms-ci ms-ci-2 ms-ci-br"></i>
<i class="ms ms-ci ms-ci-2 ms-ci-rw"></i>
<i class="ms ms-ci ms-ci-2 ms-ci-rg"></i>
<i class="ms ms-ci ms-ci-2 ms-ci-gu"></i>
<i class="ms ms-ci ms-ci-2 ms-ci-gw"></i>
<br />
<i class="ms ms-multicolor ms-duo ms-duo-color ms-grad ms-2x" title="Multicolor"></i>
<i class="ms ms-token ms-2x" title="Token"></i>
<i class="ms ms-flashback ms-2x" title="Flashback"></i>
<i class="ms ms-rarity ms-2x" title="Rarity"></i>
<i class="ms ms-vanguard ms-2x" title="Vangaurd"></i>
<i class="ms ms-ci ms-ci-3 ms-ci-wug"></i>
<i class="ms ms-ci ms-ci-3 ms-ci-ubw"></i>
<i class="ms ms-ci ms-ci-3 ms-ci-bru"></i>
<i class="ms ms-ci ms-ci-3 ms-ci-rgb"></i>
<i class="ms ms-ci ms-ci-3 ms-ci-gwr"></i>
<i class="ms ms-ci ms-ci-3 ms-ci-wbg"></i>
<i class="ms ms-ci ms-ci-3 ms-ci-urw"></i>
<i class="ms ms-ci ms-ci-3 ms-ci-bgu"></i>
<i class="ms ms-ci ms-ci-3 ms-ci-rwb"></i>
<i class="ms ms-ci ms-ci-3 ms-ci-gur"></i>
&nbsp;
<i class="ms ms-ci ms-ci-4 ms-ci-ubrg"></i>
<i class="ms ms-ci ms-ci-4 ms-ci-brgw"></i>
<i class="ms ms-ci ms-ci-4 ms-ci-rgwu"></i>
<i class="ms ms-ci ms-ci-4 ms-ci-gwub"></i>
<i class="ms ms-ci ms-ci-4 ms-ci-wubr"></i>
&nbsp;
<i class="ms ms-ci ms-ci-5"></i>
</p>
<h3>Loyalty symbols</h3>
<p>
<div class="grid">
<i class="ms ms-loyalty-up ms-loyalty-3 ms-3x"></i>
<i class="ms ms-loyalty-down ms-loyalty-x ms-3x"></i>
<i class="ms ms-loyalty-zero ms-loyalty-0 ms-3x"></i>
<i class="ms ms-loyalty-start ms-loyalty-4 ms-4x"></i>
&nbsp;&nbsp;
<i class="ms ms-loyalty-up ms-loyalty-2 ms-loyalty-outline"></i>
<i class="ms ms-loyalty-down ms-loyalty-1 ms-loyalty-outline"></i>
<i class="ms ms-loyalty-zero ms-loyalty-0 ms-loyalty-outline"></i>
<i class="ms ms-loyalty-start ms-loyalty-5 ms-loyalty-outline"></i>
</div>
<div class="grid">
<i class="ms ms-saga ms-saga-1 ms-2x"></i>
<i class="ms ms-saga ms-saga-2 ms-2x"></i>
<i class="ms ms-saga ms-saga-3 ms-2x"></i>
<i class="ms ms-saga ms-saga-4 ms-2x"></i>
</p>
<h3>Double-faced card symbols</h3>
<p>
<i class="ms ms-dfc ms-dfc-day ms-2x"></i>
<i class="ms ms-dfc ms-dfc-night ms-2x"></i>
<i class="ms ms-dfc ms-dfc-spark ms-2x"></i>
<i class="ms ms-dfc ms-dfc-ignite ms-2x"></i>
<i class="ms ms-dfc ms-dfc-moon ms-2x"></i>
<i class="ms ms-dfc ms-dfc-emrakul ms-2x"></i>
<i class="ms ms-dfc ms-dfc-enchantment ms-2x"></i>
<i class="ms ms-saga ms-saga-5 ms-2x"></i>
<i class="ms ms-saga ms-saga-6 ms-2x"></i>
&nbsp;&nbsp;
<i class="ms ms-dfc-modal-face ms-2x"></i>
<i class="ms ms-dfc-modal-back ms-2x"></i>
</p>
<h3>Guild Symbols</h3>
<p>
<i class="ms ms-guild-azorius ms-2x"></i>
<i class="ms ms-guild-boros ms-2x"></i>
<i class="ms ms-guild-dimir ms-2x"></i>
<i class="ms ms-guild-golgari ms-2x"></i>
<i class="ms ms-guild-gruul ms-2x"></i>
<i class="ms ms-guild-izzet ms-2x"></i>
<i class="ms ms-guild-orzhov ms-2x"></i>
<i class="ms ms-guild-rakdos ms-2x"></i>
<i class="ms ms-guild-selesnya ms-2x"></i>
<i class="ms ms-guild-simic ms-2x"></i>
</p>
<h3>Clan Symbols</h3>
<p>
<i class="ms ms-clan-abzan ms-2x"></i>
<i class="ms ms-clan-jeskai ms-2x"></i>
<i class="ms ms-clan-mardu ms-2x"></i>
<i class="ms ms-clan-sultai ms-2x"></i>
<i class="ms ms-clan-temur ms-2x"></i>
<i class="ms ms-level ms-3x"><span>1-2</span></i>
&nbsp;&nbsp;
<i class="ms ms-clan-atarka ms-2x"></i>
<i class="ms ms-clan-dromoka ms-2x"></i>
<i class="ms ms-clan-kolaghan ms-2x"></i>
<i class="ms ms-clan-ojutai ms-2x"></i>
<i class="ms ms-clan-silumgar ms-2x"></i>
<i class="ms ms-defense ms-defense-0 ms-3x"></i>
<i class="ms ms-defense ms-defense-4 ms-3x"></i>
<i class="ms ms-defense ms-defense-outline ms-defense-5 ms-2x"></i>
<i class="ms ms-defense ms-defense-print ms-defense-4 ms-3x"></i>
</div>
<h3>Card Watermarks</h3>
<p class="grid">
<i class="ms ms-watermark-abzan ms-2x ms-fw" title="Abzan"></i>
<i class="ms ms-watermark-agentsofsneak ms-2x ms-fw" title="Agents of S.N.E.A.K."></i>
<i class="ms ms-watermark-arena ms-2x ms-fw" title="Arena League"></i>
<i class="ms ms-watermark-atarka ms-2x ms-fw" title="Atarka"></i>
<i class="ms ms-watermark-azorius ms-2x ms-fw" title="Azorius"></i>
<i class="ms ms-watermark-boros ms-2x ms-fw" title="Boros"></i>
<i class="ms ms-watermark-brokers ms-2x ms-fw" title="Brokers"></i>
<i class="ms ms-watermark-cabaretti ms-2x ms-fw" title="Cabaretti"></i>
<i class="ms ms-watermark-colorpie ms-2x ms-fw" title="Color pie"></i>
<i class="ms ms-watermark-conspiracy ms-2x ms-fw" title="Conspiracy"></i>
<i class="ms ms-watermark-corocoro ms-2x ms-fw" title="Coro Coro"></i>
<i class="ms ms-watermark-crossbreedlabs ms-2x ms-fw" title="Crossbreed Labs"></i>
<i class="ms ms-watermark-dnd ms-2x ms-fw" title="D&D"></i>
<i class="ms ms-watermark-dci ms-2x ms-fw" title="DCI"></i>
<i class="ms ms-watermark-dengekimaoh ms-2x ms-fw" title="Dengeki-Maoh"></i>
<i class="ms ms-watermark-desparked ms-2x ms-fw" title="Desparked"></i>
<i class="ms ms-watermark-dimir ms-2x ms-fw" title="Dimir"></i>
<i class="ms ms-watermark-dromoka ms-2x ms-fw" title="Dromoka"></i>
<i class="ms ms-watermark-flavor-aestheticconsultation ms-2x ms-fw" title="Flavor (Aesthetic Consultation)"></i>
<i class="ms ms-watermark-flavor-farewelltoarms ms-2x ms-fw" title="Flavor (Farewell to Arms)"></i>
<i class="ms ms-watermark-flavor-monkeymonkeymonkey ms-2x ms-fw" title="Flavor (Monkey Monkey Monkey)"></i>
<i class="ms ms-watermark-flavor-moxlotus ms-2x ms-fw" title="Flavor (Mox Lotus)"></i>
<i class="ms ms-watermark-flavor-myfirsttome ms-2x ms-fw" title="Flavor (My First Tome)"></i>
<i class="ms ms-watermark-flavor-shoetree ms-2x ms-fw" title="Flavor (Shoe Tree)"></i>
<i class="ms ms-watermark-flavor-whenfluffybunniesattack ms-2x ms-fw" title="Flavor (When Fluffy Bunnies Attack)"></i>
<i class="ms ms-watermark-fnm ms-2x ms-fw" title="FNM"></i>
<i class="ms ms-watermark-foretell ms-2x ms-fw" title="Foretell"></i>
<i class="ms ms-watermark-goblinexplosioneers ms-2x ms-fw" title="Goblin Explosioneers"></i>
<i class="ms ms-watermark-golgari ms-2x ms-fw" title="Golgari"></i>
<i class="ms ms-watermark-grandprix ms-2x ms-fw" title="Grand Prix"></i>
<i class="ms ms-watermark-grandprix2 ms-2x ms-fw" title="Grand Prix (New)"></i>
<i class="ms ms-watermark-gruul ms-2x ms-fw" title="Gruul"></i>
<i class="ms ms-watermark-herospath ms-2x ms-fw" title="Hero's Path"></i>
<i class="ms ms-watermark-herospath-1 ms-2x ms-fw" title="Hero's Path: 1"></i>
<i class="ms ms-watermark-herospath-2 ms-2x ms-fw" title="Hero's Path: 2"></i>
<i class="ms ms-watermark-herospath-3 ms-2x ms-fw" title="Hero's Path: 3"></i>
<i class="ms ms-watermark-herospath-4 ms-2x ms-fw" title="Hero's Path: 4"></i>
<i class="ms ms-watermark-herospath-5 ms-2x ms-fw" title="Hero's Path: 5"></i>
<i class="ms ms-watermark-herospath-6 ms-2x ms-fw" title="Hero's Path: 6"></i>
<i class="ms ms-watermark-herospath-7 ms-2x ms-fw" title="Hero's Path: 7"></i>
<i class="ms ms-watermark-herospath-8 ms-2x ms-fw" title="Hero's Path: 8"></i>
<i class="ms ms-watermark-herospath-9 ms-2x ms-fw" title="Hero's Path: 9"></i>
<i class="ms ms-watermark-izzet ms-2x ms-fw" title="Izzet"></i>
<i class="ms ms-watermark-japanjunior ms-2x ms-fw" title="Japan Junior"></i>
<i class="ms ms-watermark-jeskai ms-2x ms-fw" title="Jeskai"></i>
<i class="ms ms-watermark-judgeacademy ms-2x ms-fw" title="Judge Academy"></i>
<i class="ms ms-watermark-junior ms-2x ms-fw" title="Junior Super Series"></i>
<i class="ms ms-watermark-juniorapac ms-2x ms-fw" title="Junior Super Series: APAC"></i>
<i class="ms ms-watermark-junioreurope ms-2x ms-fw" title="Junior Super Series: Europe"></i>
<i class="ms ms-watermark-kolaghan ms-2x ms-fw" title="Kolaghan"></i>
<i class="ms ms-watermark-leagueofdastardlydoom ms-2x ms-fw" title="League of Dastardly Doom"></i>
<i class="ms ms-watermark-lorehold ms-2x ms-fw" title="lorehold"></i>
<i class="ms ms-watermark-maestros ms-2x ms-fw" title="Maestros"></i>
<i class="ms ms-watermark-mardu ms-2x ms-fw" title="Mardu"></i>
<i class="ms ms-watermark-mirran ms-2x ms-fw" title="Mirran"></i>
<i class="ms ms-watermark-cutiemark-apples ms-2x ms-fw" title="My Little Pony: Apples"></i>
<i class="ms ms-watermark-cutiemark-balloons ms-2x ms-fw" title="My Little Pony: Balloons"></i>
<i class="ms ms-watermark-cutiemark-butterflies ms-2x ms-fw" title="My Little Pony: Butterflies"></i>
<i class="ms ms-watermark-cutiemark-gems ms-2x ms-fw" title="My Little Pony: Gems"></i>
<i class="ms ms-watermark-cutiemark-rainbow ms-2x ms-fw" title="My Little Pony: Rainbow"></i>
<i class="ms ms-watermark-cutiemark-sparkle ms-2x ms-fw" title="My Little Pony: Sparkle"></i>
<i class="ms ms-watermark-cutiemark-waningmoon ms-2x ms-fw" title="My Little Pony: Waning Moon"></i>
<i class="ms ms-watermark-cutiemark-waxingmoon ms-2x ms-fw" title="My Little Pony: Waxing Moon"></i>
<i class="ms ms-watermark-mps ms-2x ms-fw" title="MPS"></i>
<i class="ms ms-watermark-mtg ms-2x ms-fw" title="MTG"></i>
<i class="ms ms-watermark-mtg10 ms-2x ms-fw" title="Magic 10th Anniversary"></i>
<i class="ms ms-watermark-mtg15 ms-2x ms-fw" title="Magic 15th Anniversary"></i>
<i class="ms ms-watermark-nerf ms-2x ms-fw" title="NERF"></i>
<i class="ms ms-watermark-obscura ms-2x ms-fw" title="Obscura"></i>
<i class="ms ms-watermark-ojutai ms-2x ms-fw" title="Ojutai"></i>
<i class="ms ms-watermark-orderofthewidget ms-2x ms-fw" title="Order of the Widget"></i>
<i class="ms ms-watermark-orzhov ms-2x ms-fw" title="Orzhov"></i>
<i class="ms ms-watermark-phyrexian ms-2x ms-fw" title="Phyrexian"></i>
<i class="ms ms-watermark-planeswalker ms-2x ms-fw" title="Planeswalker"></i>
<i class="ms ms-watermark-prismari ms-2x ms-fw" title="Prismari"></i>
<i class="ms ms-watermark-protour ms-2x ms-fw" title="Pro Tour"></i>
<i class="ms ms-watermark-quandrix ms-2x ms-fw" title="Quandrix"></i>
<i class="ms ms-watermark-rakdos ms-2x ms-fw" title="Rakdos"></i>
<i class="ms ms-watermark-riveteers ms-2x ms-fw" title="Riveteers"></i>
<i class="ms ms-watermark-scholarship ms-2x ms-fw" title="Scholarship Series"></i>
<i class="ms ms-watermark-selesnya ms-2x ms-fw" title="Selesnya"></i>
<i class="ms ms-watermark-silumgar ms-2x ms-fw" title="Silumgar"></i>
<i class="ms ms-watermark-silverquill ms-2x ms-fw" title="Silverquill"></i>
<i class="ms ms-watermark-simic ms-2x ms-fw" title="Simic"></i>
<i class="ms ms-watermark-sultai ms-2x ms-fw" title="Sultai"></i>
<i class="ms ms-watermark-temur ms-2x ms-fw" title="Temur"></i>
<i class="ms ms-watermark-transformers ms-2x ms-fw" title="Transformers"></i>
<i class="ms ms-watermark-witherbloom ms-2x ms-fw" title="Witherbloom"></i>
<i class="ms ms-watermark-wotc ms-2x ms-fw" title="WOTC"></i>
<i class="ms ms-watermark-wpn ms-2x ms-fw" title="WPN"></i>
</p>
<h3>Poleis Symbols</h3>
<p>
<i class="ms ms-polis-setessa ms-2x"></i>
<i class="ms ms-polis-akros ms-2x"></i>
<i class="ms ms-polis-meletis ms-2x"></i>
</div>
<div class="right">
<h3>Arena Ability Symbols</h3>
<p class="grid">
<i class="ms ms-ability-activated ms-2x ms-fw" title="Activated"></i>
<i class="ms ms-ability-adamant ms-2x ms-fw" title="Adamant"></i>
<i class="ms ms-ability-adapt ms-2x ms-fw" title="Adapt"></i>
<i class="ms ms-ability-addendum ms-2x ms-fw" title="Addendum"></i>
<i class="ms ms-ability-adventure ms-2x ms-fw" title="Adventure"></i>
<i class="ms ms-ability-afflict ms-2x ms-fw" title="Afflict"></i>
<i class="ms ms-ability-afterlife ms-2x ms-fw" title="Afterlife"></i>
<i class="ms ms-ability-aftermath ms-2x ms-fw" title="Aftermath"></i>
<i class="ms ms-ability-alliance ms-2x ms-fw" title="Alliance"></i>
<i class="ms ms-ability-amass-orcs ms-2x ms-fw" title="Amass Orcs"></i>
<i class="ms ms-ability-amass ms-2x ms-fw" title="Amass Zombies"></i>
<i class="ms ms-ability-ascend ms-2x ms-fw" title="Ascend"></i>
<i class="ms ms-ability-backup ms-2x ms-fw" title="Backup"></i>
<i class="ms ms-ability-bargain ms-2x ms-fw" title="Bargain"></i>
<i class="ms ms-ability-blitz ms-2x ms-fw" title="Blitz"></i>
<i class="ms ms-ability-boast ms-2x ms-fw" title="Boast"></i>
<i class="ms ms-ability-casualty ms-2x ms-fw" title="Casualty"></i>
<i class="ms ms-ability-celebration ms-2x ms-fw" title="Celebration"></i>
<i class="ms ms-ability-changeling ms-2x ms-fw" title="Changeling"></i>
<i class="ms ms-ability-channel ms-2x ms-fw" title="Channel"></i>
<i class="ms ms-ability-cleave ms-2x ms-fw" title="Cleave"></i>
<i class="ms ms-ability-combat-condition ms-2x ms-fw" title="Combat Condition"></i>
<i class="ms ms-ability-companion ms-2x ms-fw" title="Companion"></i>
<i class="ms ms-ability-constellation ms-2x ms-fw" title="Constellation"></i>
<i class="ms ms-ability-convoke ms-2x ms-fw" title="Convoke"></i>
<i class="ms ms-ability-convoke-original ms-2x ms-fw" title="Convoke (Original)"></i>
<i class="ms ms-ability-corrupted ms-2x ms-fw" title="Corrupted"></i>
<i class="ms ms-ability-coven ms-2x ms-fw" title="Coven"></i>
<i class="ms ms-ability-d20 ms-2x ms-fw" title="D20"></i>
<i class="ms ms-ability-day-night ms-2x ms-fw" title="Day/Night"></i>
<i class="ms ms-ability-daybound-nightbound ms-2x ms-fw" title="Daybound/Nightbound"></i>
<i class="ms ms-ability-deathtouch ms-2x ms-fw" title="Deathtouch"></i>
<i class="ms ms-ability-decayed ms-2x ms-fw" title="Decayed"></i>
<i class="ms ms-ability-defender ms-2x ms-fw" title="Defender"></i>
<i class="ms ms-ability-devotion ms-2x ms-fw" title="Devotion"></i>
<i class="ms ms-ability-disturb ms-2x ms-fw" title="Disturb"></i>
<i class="ms ms-ability-domain ms-2x ms-fw" title="Domain"></i>
<i class="ms ms-ability-double-strike ms-2x ms-fw" title="Double Strike"></i>
<i class="ms ms-ability-dungeon ms-2x ms-fw" title="Dungeon"></i>
<i class="ms ms-ability-embalm ms-2x ms-fw" title="Embalm"></i>
<i class="ms ms-ability-enlist ms-2x ms-fw" title="Enlist"></i>
<i class="ms ms-ability-enrage ms-2x ms-fw" title="Enrage"></i>
<i class="ms ms-ability-enrage-original ms-2x ms-fw" title="Enrage (Original)"></i>
<i class="ms ms-ability-escape ms-2x ms-fw" title="Escape"></i>
<i class="ms ms-ability-eternalize ms-2x ms-fw" title="Eternalize"></i>
<i class="ms ms-ability-exploit ms-2x ms-fw" title="Exploit"></i>
<i class="ms ms-ability-explore ms-2x ms-fw" title="Explore"></i>
<i class="ms ms-ability-fabricate ms-2x ms-fw" title="Fabricate"></i>
<i class="ms ms-ability-first-strike ms-2x ms-fw" title="First Strike"></i>
<i class="ms ms-ability-flash ms-2x ms-fw" title="Flash"></i>
<i class="ms ms-ability-flying ms-2x ms-fw" title="Flying"></i>
<i class="ms ms-ability-for-mirrodin ms-2x ms-fw" title="For Mirrodin!"></i>
<i class="ms ms-ability-foretell ms-2x ms-fw" title="Foretell"></i>
<i class="ms ms-ability-goad ms-2x ms-fw" title="Goad"></i>
<i class="ms ms-ability-haste ms-2x ms-fw" title="Haste"></i>
<i class="ms ms-ability-hexproof ms-2x ms-fw" title="Hexproof: Generic"></i>
<i class="ms ms-ability-hexproof-white ms-2x ms-fw" title="Hexproof: White"></i>
<i class="ms ms-ability-hexproof-blue ms-2x ms-fw" title="Hexproof: Blue"></i>
<i class="ms ms-ability-hexproof-black ms-2x ms-fw" title="Hexproof: Black"></i>
<i class="ms ms-ability-hexproof-red ms-2x ms-fw" title="Hexproof: Red"></i>
<i class="ms ms-ability-hexproof-green ms-2x ms-fw" title="Hexproof: Green"></i>
<i class="ms ms-ability-hideaway ms-2x ms-fw" title="Hideaway"></i>
<i class="ms ms-ability-improvise ms-2x ms-fw" title="Improvise"></i>
<i class="ms ms-ability-incubate ms-2x ms-fw" title="Incubate"></i>
<i class="ms ms-ability-indestructible ms-2x ms-fw" title="Indestructible"></i>
<i class="ms ms-ability-investigate ms-2x ms-fw" title="Investigate"></i>
<i class="ms ms-ability-jumpstart ms-2x ms-fw" title="Jumpstart"></i>
<i class="ms ms-ability-kicker ms-2x ms-fw" title="Kicker"></i>
<i class="ms ms-ability-landfall ms-2x ms-fw" title="Landfall"></i>
<i class="ms ms-ability-learn ms-2x ms-fw" title=":Learn"></i>
<i class="ms ms-ability-lifelink ms-2x ms-fw" title="Lifelink"></i>
<i class="ms ms-ability-magecraft ms-2x ms-fw" title="Magecraft"></i>
<i class="ms ms-ability-meld ms-2x ms-fw" title="Meld"></i>
<i class="ms ms-ability-menace ms-2x ms-fw" title="Menace"></i>
<i class="ms ms-ability-mentor ms-2x ms-fw" title="Mentor"></i>
<i class="ms ms-ability-mutate ms-2x ms-fw" title="Ninjutsu"></i>
<i class="ms ms-ability-ninjutsu ms-2x ms-fw" title="Explore"></i>
<i class="ms ms-ability-obscura ms-2x ms-fw" title="Obscura"></i>
<i class="ms ms-ability-party ms-2x ms-fw" title="Party"></i>
<i class="ms ms-ability-phyrexian ms-2x ms-fw" title="Phyrexian"></i>
<i class="ms ms-ability-proliferate ms-2x ms-fw" title="Proliferate"></i>
<i class="ms ms-ability-prototype ms-2x ms-fw" title="Prototype"></i>
<i class="ms ms-ability-prowess ms-2x ms-fw" title="Prowess"></i>
<i class="ms ms-ability-raid ms-2x ms-fw" title="Raid"></i>
<i class="ms ms-ability-reach ms-2x ms-fw" title="Reach"></i>
<i class="ms ms-ability-read-ahead ms-2x ms-fw" title="Read Ahead"></i>
<i class="ms ms-ability-reconfigure ms-2x ms-fw" title="Reconfigure"></i>
<i class="ms ms-ability-revolt ms-2x ms-fw" title="Revolt"></i>
<i class="ms ms-ability-ring-bearer ms-2x ms-fw" title="Ring Bearer"></i>
<i class="ms ms-ability-riot ms-2x ms-fw" title="Riot"></i>
<i class="ms ms-ability-role-cursed ms-2x ms-fw" title="Cursed Role"></i>
<i class="ms ms-ability-role-monster ms-2x ms-fw" title="Monster Role"></i>
<i class="ms ms-ability-role-royal ms-2x ms-fw" title="Royal Role"></i>
<i class="ms ms-ability-role-sorceror ms-2x ms-fw" title="Sorceror Role"></i>
<i class="ms ms-ability-role-wicked ms-2x ms-fw" title="Wicked Role"></i>
<i class="ms ms-ability-role-young-hero ms-2x ms-fw" title="Young Hero Role"></i>
<i class="ms ms-ability-specialize ms-2x ms-fw" title="Explore"></i>
<i class="ms ms-ability-spectacle ms-2x ms-fw" title="Spectacle"></i>
<i class="ms ms-ability-static ms-2x ms-fw" title="Static"></i>
<i class="ms ms-ability-summoning-sickness ms-2x ms-fw" title="Summoning Sickness"></i>
<i class="ms ms-ability-surveil ms-2x ms-fw" title="Surveil"></i>
<i class="ms ms-ability-the-ring-tempts-you ms-2x ms-fw" title="The Ring Tempts You"></i>
<i class="ms ms-ability-toxic ms-2x ms-fw" title="Toxic"></i>
<i class="ms ms-ability-training ms-2x ms-fw" title="Training"></i>
<i class="ms ms-ability-trample ms-2x ms-fw" title="Trample"></i>
<i class="ms ms-ability-transform ms-2x ms-fw" title="Transform"></i>
<i class="ms ms-ability-triggered ms-2x ms-fw" title="Triggered"></i>
<i class="ms ms-ability-undergrowth ms-2x ms-fw" title="Undergrowth"></i>
<i class="ms ms-ability-unearth ms-2x ms-fw" title="Unearth"></i>
<i class="ms ms-ability-vigilance ms-2x ms-fw" title="Vigilance"></i>
<i class="ms ms-ability-ward ms-2x ms-fw" title="Ward"></i>
&nbsp;&nbsp;
<i class="ms ms-ability-haktos-the-unscarred ms-2x ms-fw" title="Haktos the Unscarred"></i>
<i class="ms ms-ability-robber-of-the-rich ms-2x ms-fw" title="Robber of the Rich"></i>
</p>
<h3>Arena Exclusive Counters</h3>
<p class="grid">
<i class="ms ms-counter-damage ms-2x ms-fw" title="Damaged"></i>
<i class="ms ms-counter-shield ms-2x ms-fw" title="Shield"></i>
<i class="ms ms-counter-stun ms-2x ms-fw" title="Stun"></i>
</p>
<h3>Magic Online Counters</h3>
<p>
<i class="ms ms-counter-arrow ms-2x"></i>
<i class="ms ms-counter-brick ms-2x"></i>
<i class="ms ms-counter-charge ms-2x"></i>
<i class="ms ms-counter-devotion ms-2x"></i>
<i class="ms ms-counter-doom ms-2x"></i>
<i class="ms ms-counter-echo ms-2x"></i>
<i class="ms ms-counter-flame ms-2x"></i>
<i class="ms ms-counter-flood ms-2x"></i>
<i class="ms ms-counter-fungus ms-2x"></i>
<i class="ms ms-counter-gold ms-2x"></i>
<i class="ms ms-counter-ki ms-2x"></i>
<i class="ms ms-counter-lore ms-2x"></i>
<i class="ms ms-counter-loyalty ms-2x"></i>
<i class="ms ms-counter-mining ms-2x"></i>
<i class="ms ms-counter-minus ms-2x"></i>
<i class="ms ms-counter-minus-uneven ms-2x"></i>
<i class="ms ms-counter-muster ms-2x"></i>
<i class="ms ms-counter-paw ms-2x"></i>
<i class="ms ms-counter-pin ms-2x"></i>
<i class="ms ms-counter-plus ms-2x"></i>
<i class="ms ms-counter-plus-uneven ms-2x"></i>
<i class="ms ms-counter-scream ms-2x"></i>
<i class="ms ms-counter-skeleton ms-2x"></i>
<i class="ms ms-counter-skull ms-2x"></i>
<i class="ms ms-counter-slime ms-2x"></i>
<i class="ms ms-counter-time ms-2x"></i>
<i class="ms ms-counter-verse ms-2x"></i>
<i class="ms ms-counter-vortex ms-2x"></i>
<p class="grid">
<i class="ms ms-counter-arrow ms-2x ms-fw" title="Arrow"></i>
<i class="ms ms-counter-brick ms-2x ms-fw" title="Brick"></i>
<i class="ms ms-counter-charge ms-2x ms-fw" title="Charge"></i>
<i class="ms ms-counter-devotion ms-2x ms-fw" title="Devotion"></i>
<i class="ms ms-counter-doom ms-2x ms-fw" title="Doom"></i>
<i class="ms ms-counter-echo ms-2x ms-fw" title="Echo"></i>
<i class="ms ms-counter-flame ms-2x ms-fw" title="Flame"></i>
<i class="ms ms-counter-flood ms-2x ms-fw" title="Flood"></i>
<i class="ms ms-counter-fungus ms-2x ms-fw" title="Fungus"></i>
<i class="ms ms-counter-gold ms-2x ms-fw" title="Gold"></i>
<i class="ms ms-counter-ki ms-2x ms-fw" title="Ki"></i>
<i class="ms ms-counter-lore ms-2x ms-fw" title="Lore"></i>
<i class="ms ms-counter-loyalty ms-2x ms-fw" title="Loyalty"></i>
<i class="ms ms-counter-mining ms-2x ms-fw" title="Mining"></i>
<i class="ms ms-counter-minus ms-2x ms-fw" title="Minus"></i>
<i class="ms ms-counter-minus-uneven ms-2x ms-fw" title="Minus Uneven"></i>
<i class="ms ms-counter-muster ms-2x ms-fw" title="Muster"></i>
<i class="ms ms-counter-paw ms-2x ms-fw" title="Paw"></i>
<i class="ms ms-counter-pin ms-2x ms-fw" title="Pin"></i>
<i class="ms ms-counter-plus ms-2x ms-fw" title="Plus"></i>
<i class="ms ms-counter-plus-uneven ms-2x ms-fw" title="Plus Uneven"></i>
<i class="ms ms-counter-scream ms-2x ms-fw" title="Scream"></i>
<i class="ms ms-counter-skeleton ms-2x ms-fw" title="Skeleton"></i>
<i class="ms ms-counter-skull ms-2x ms-fw" title="Skull"></i>
<i class="ms ms-counter-slime ms-2x ms-fw" title="Slime"></i>
<i class="ms ms-counter-time ms-2x ms-fw" title="Time"></i>
<i class="ms ms-counter-verse ms-2x ms-fw" title="Verse"></i>
<i class="ms ms-counter-void ms-2x ms-fw" title="Void"></i>
<i class="ms ms-counter-vortex ms-2x ms-fw" title="Vortex"></i>
</p>
<h3>Arena Ability Symbols</h3>
<p>
<i class="ms ms-ability-activated ms-2x" title="Activated"></i>
<i class="ms ms-ability-adamant ms-2x" title="Adamant"></i>
<i class="ms ms-ability-adapt ms-2x" title="Adapt"></i>
<i class="ms ms-ability-addendum ms-2x" title="Addendum"></i>
<i class="ms ms-ability-adventure ms-2x" title="Adventure"></i>
<i class="ms ms-ability-afflict ms-2x" title="Afflict"></i>
<i class="ms ms-ability-afterlife ms-2x" title="Afterlife"></i>
<i class="ms ms-ability-aftermath ms-2x" title="Aftermath"></i>
<i class="ms ms-ability-amass ms-2x" title="Amass"></i>
<i class="ms ms-ability-ascend ms-2x" title="Ascend"></i>
<i class="ms ms-ability-companion ms-2x" title="Companion"></i>
<i class="ms ms-ability-constellation ms-2x" title="Constellation"></i>
<i class="ms ms-ability-convoke ms-2x" title="Convoke"></i>
<i class="ms ms-ability-deathtouch ms-2x" title="Deathtouch"></i>
<i class="ms ms-ability-defender ms-2x" title="Defender"></i>
<i class="ms ms-ability-devotion ms-2x" title="Devotion"></i>
<i class="ms ms-ability-double-strike ms-2x" title="Double Strike"></i>
<i class="ms ms-ability-embalm ms-2x" title="Embalm"></i>
<i class="ms ms-ability-enrage ms-2x" title="Enrage"></i>
<i class="ms ms-ability-escape ms-2x" title="Escape"></i>
<i class="ms ms-ability-eternalize ms-2x" title="Eternalize"></i>
<i class="ms ms-ability-explore ms-2x" title="Explore"></i>
<i class="ms ms-ability-first-strike ms-2x" title="First Strike"></i>
<i class="ms ms-ability-flash ms-2x" title="Flash"></i>
<i class="ms ms-ability-flying ms-2x" title="Flying"></i>
<i class="ms ms-ability-haste ms-2x" title="Haste"></i>
<i class="ms ms-ability-hexproof ms-2x" title="Hexproof: Generic"></i>
<i class="ms ms-ability-hexproof-white ms-2x" title="Hexproof: White"></i>
<i class="ms ms-ability-hexproof-blue ms-2x" title="Hexproof: Blue"></i>
<i class="ms ms-ability-hexproof-black ms-2x" title="Hexproof: Black"></i>
<i class="ms ms-ability-hexproof-red ms-2x" title="Hexproof: Red"></i>
<i class="ms ms-ability-hexproof-green ms-2x" title="Hexproof: Green"></i>
<i class="ms ms-ability-indestructible ms-2x" title="Indestructible"></i>
<i class="ms ms-ability-jumpstart ms-2x" title="Jumpstart"></i>
<i class="ms ms-ability-lifelink ms-2x" title="Lifelink"></i>
<i class="ms ms-ability-menace ms-2x" title="Menace"></i>
<i class="ms ms-ability-mentor ms-2x" title="Mentor"></i>
<i class="ms ms-ability-mutate ms-2x" title="Mutate"></i>
<i class="ms ms-ability-proliferate ms-2x" title="Proliferate"></i>
<i class="ms ms-ability-prowess ms-2x" title="Prowess"></i>
<i class="ms ms-ability-raid ms-2x" title="Raid"></i>
<i class="ms ms-ability-reach ms-2x" title="Reach"></i>
<i class="ms ms-ability-revolt ms-2x" title="Revolt"></i>
<i class="ms ms-ability-riot ms-2x" title="Riot"></i>
<i class="ms ms-ability-spectacle ms-2x" title="Spectacle"></i>
<i class="ms ms-ability-static ms-2x" title="Static"></i>
<i class="ms ms-ability-summoning-sickness ms-2x" title="Summoning Sickness"></i>
<i class="ms ms-ability-surveil ms-2x" title="Surveil"></i>
<i class="ms ms-ability-trample ms-2x" title="Trample"></i>
<i class="ms ms-ability-transform ms-2x" title="Transform"></i>
<i class="ms ms-ability-triggered ms-2x" title="Triggered"></i>
<i class="ms ms-ability-undergrowth ms-2x" title="Undergrowth"></i>
<i class="ms ms-ability-vigilance ms-2x" title="Vigilance"></i>
<h3>Card type and game zone symbols</h3>
<p class="grid">
<i class="ms ms-artifact ms-2x ms-fw" title="Artifact"></i>
<i class="ms ms-commander ms-2x ms-fw" title="Commander"></i>
<i class="ms ms-creature ms-2x ms-fw" title="Creature"></i>
<i class="ms ms-enchantment ms-2x ms-fw" title="Enchantment"></i>
<i class="ms ms-instant ms-2x ms-fw" title="Instant"></i>
<i class="ms ms-land ms-2x ms-fw" title="Land"></i>
<i class="ms ms-planeswalker ms-2x ms-fw" title="Planeswalker"></i>
<i class="ms ms-sorcery ms-2x ms-fw" title="Sorcery"></i>
<i class="ms ms-tribal ms-2x ms-fw" title="Tribal"></i>
<i class="ms ms-plane ms-2x ms-fw" title="Plane"></i>
<i class="ms ms-phenomenon ms-2x ms-fw" title="Phenomenon"></i>
<i class="ms ms-scheme ms-2x ms-fw" title="Scheme"></i>
<i class="ms ms-conspiracy ms-2x ms-fw" title="Conspiracy"></i>
<i class="ms ms-battle ms-2x ms-fw" title="Battle"></i>
<i class="ms ms-battle-siege ms-2x ms-fw" title="Battle - Siege"></i>
</p>
<p class="grid">
<i class="ms ms-multicolor ms-duo ms-duo-color ms-grad ms-2x ms-fw" title="Multicolor"></i>
<i class="ms ms-token ms-2x ms-fw" title="Token"></i>
<i class="ms ms-flashback ms-2x ms-fw" title="Flashback"></i>
<i class="ms ms-rarity ms-2x ms-fw" title="Rarity"></i>
<i class="ms ms-vanguard ms-2x ms-fw" title="Vangaurd"></i>
&nbsp;&nbsp;
<i class="ms ms-hand ms-2x ms-fw" title="Hand"></i>
<i class="ms ms-library ms-2x ms-fw" title="Library"></i>
<i class="ms ms-graveyard ms-2x ms-fw" title="Graveyard"></i>
<i class="ms ms-exile ms-2x ms-fw" title="Exile"></i>
</p>
<h3>Double-faced card symbols</h3>
<p class="grid">
<i class="ms ms-dfc ms-dfc-day ms-2x ms-fw"></i>
<i class="ms ms-dfc ms-dfc-night ms-2x ms-fw"></i>
<i class="ms ms-dfc ms-dfc-spark ms-2x ms-fw"></i>
<i class="ms ms-dfc ms-dfc-ignite ms-2x ms-fw"></i>
<i class="ms ms-dfc ms-dfc-moon ms-2x ms-fw"></i>
<i class="ms ms-dfc ms-dfc-emrakul ms-2x ms-fw"></i>
<i class="ms ms-dfc ms-dfc-enchantment ms-2x ms-fw"></i>
<i class="ms ms-dfc ms-dfc-land ms-2x ms-fw"></i>
<i class="ms ms-dfc ms-dfc-lesson ms-2x ms-fw"></i>
<i class="ms ms-dfc ms-dfc-saga ms-2x ms-fw"></i>
<i class="ms ms-dfc ms-dfc-saga-creature ms-2x ms-fw"></i>
<i class="ms ms-dfc ms-dfc-front ms-2x ms-fw"></i>
<i class="ms ms-dfc ms-dfc-back ms-2x ms-fw"></i>
<i class="ms ms-dfc ms-dfc-meld ms-2x ms-fw"></i>
<i class="ms ms-dfc ms-dfc-facedown ms-2x ms-fw"></i>
&nbsp;&nbsp;
<i class="ms ms-dfc-modal-face ms-2x ms-fw"></i>
<i class="ms ms-dfc-modal-back ms-2x ms-fw"></i>
</p>
<h3>Guild Symbols</h3>
<p class="grid">
<i class="ms ms-guild-azorius ms-2x ms-fw"></i>
<i class="ms ms-guild-boros ms-2x ms-fw"></i>
<i class="ms ms-guild-dimir ms-2x ms-fw"></i>
<i class="ms ms-guild-golgari ms-2x ms-fw"></i>
<i class="ms ms-guild-gruul ms-2x ms-fw"></i>
<i class="ms ms-guild-izzet ms-2x ms-fw"></i>
<i class="ms ms-guild-orzhov ms-2x ms-fw"></i>
<i class="ms ms-guild-rakdos ms-2x ms-fw"></i>
<i class="ms ms-guild-selesnya ms-2x ms-fw"></i>
<i class="ms ms-guild-simic ms-2x ms-fw"></i>
</p>
<h3>Clan Symbols</h3>
<p class="grid">
<i class="ms ms-clan-abzan ms-2x ms-fw" title="Abzan"></i>
<i class="ms ms-clan-jeskai ms-2x ms-fw" title="Jeskai"></i>
<i class="ms ms-clan-mardu ms-2x ms-fw" title="Mardu"></i>
<i class="ms ms-clan-sultai ms-2x ms-fw" title="Sultai"></i>
<i class="ms ms-clan-temur ms-2x ms-fw" title="Temur"></i>
&nbsp;&nbsp;
<i class="ms ms-clan-atarka ms-2x ms-fw" title="Atarka"></i>
<i class="ms ms-clan-dromoka ms-2x ms-fw" title="Dromoka"></i>
<i class="ms ms-clan-kolaghan ms-2x ms-fw" title="Kologhan"></i>
<i class="ms ms-clan-ojutai ms-2x ms-fw" title="Ojutai"></i>
<i class="ms ms-clan-silumgar ms-2x ms-fw" title="Silumgar"></i>
</p>
<h3>Strixhaven School Symbols</h3>
<p class="grid">
<i class="ms ms-school-lorehold ms-2x ms-fw" title="Lorehold"></i>
<i class="ms ms-school-lorehold ms-duo ms-duo-color ms-2x ms-fw" title="Lorehold (Duo)"></i>
&nbsp;
<i class="ms ms-school-prismari ms-2x ms-fw" title="Prismari"></i>
<i class="ms ms-school-prismari ms-duo ms-duo-color ms-2x ms-fw" title="Prismari (Duo)"></i>
&nbsp;
<i class="ms ms-school-quandrix ms-2x ms-fw" title="Quandrix"></i>
<i class="ms ms-school-quandrix ms-duo ms-duo-color ms-2x ms-fw" title="Quandrix (Duo)"></i>
&nbsp;
<i class="ms ms-school-silverquill ms-2x ms-fw" title="Silverquill"></i>
<i class="ms ms-school-silverquill ms-duo ms-duo-color ms-2x ms-fw" title="Silverquill (Duo)"></i>
&nbsp;
<i class="ms ms-school-witherbloom ms-2x ms-fw" title="Witherbloom"></i>
<i class="ms ms-school-witherbloom ms-duo ms-duo-color ms-2x ms-fw" title="Witherbloom (Duo)"></i>
</p>
<h3>Poleis Symbols</h3>
<p class="grid">
<i class="ms ms-polis-setessa ms-2x ms-fw" title="Setessa"></i>
<i class="ms ms-polis-akros ms-2x ms-fw" title="Akros"></i>
<i class="ms ms-polis-meletis ms-2x ms-fw" title="Meletis"></i>
</p>
</div>
<div style="clear: both;"></div>

570
less/colors.less Normal file
View File

@ -0,0 +1,570 @@
// color indicator circles
.@{ms-prefix}-ci {
// base styles
border-radius: 100%;
box-shadow: inset 0 0 1px #fff; // to remove spill over
line-height: 0.95em; // shifts the border up a touch
width: 1em;
height: 1em;
// set the border color
&::before { color: @ms-border-black; }
// borders based on number of colors in identity
&-1::before { content: "\e98a"; }
&-2::before { content: "\e98b"; }
&-3::before { content: "\e98c"; }
&-4::before { content: "\e98d"; }
&-5::before { content: "\e98e"; }
// 1 color backgrounds
&-w { background: @ms-white; }
&-u { background: @ms-blue; }
&-b { background: @ms-black; }
&-r { background: @ms-red; }
&-g { background: @ms-green; }
// 2 color backgrounds
&-wu,
&-uw,
&-azorius {
background: conic-gradient(
@ms-white 45deg,
@ms-blue 45deg 225deg,
@ms-white 225deg
);
}
&-wb,
&-bw,
&-orzhov {
background: conic-gradient(
@ms-white 45deg,
@ms-black 45deg 225deg,
@ms-white 225deg
);
}
&-ub,
&-bu,
&-dimir {
background: conic-gradient(
@ms-blue 45deg,
@ms-black 45deg 225deg,
@ms-blue 225deg
);
}
&-ur,
&-ru,
&-izzet {
background: conic-gradient(
@ms-blue 45deg,
@ms-red 45deg 225deg,
@ms-blue 225deg
);
}
&-bg,
&-gb,
&-golgari,
&-rock {
background: conic-gradient(
@ms-black 45deg,
@ms-green 45deg 225deg,
@ms-black 225deg
);
}
&-br,
&-rb,
&-rakdos {
background: conic-gradient(
@ms-black 45deg,
@ms-red 45deg 225deg,
@ms-black 225deg
);
}
&-rw,
&-wr,
&-boros {
background: conic-gradient(
@ms-red 45deg,
@ms-white 45deg 225deg,
@ms-red 225deg
);
}
&-rg,
&-gr,
&-gruul {
background: conic-gradient(
@ms-red 45deg,
@ms-green 45deg 225deg,
@ms-red 225deg
);
}
&-gu,
&-ug,
&-simic {
background: conic-gradient(
@ms-green 45deg,
@ms-blue 45deg 225deg,
@ms-green 225deg
);
}
&-gw,
&-wg,
&-selesnya {
background: conic-gradient(
@ms-green 45deg,
@ms-white 45deg 225deg,
@ms-green 225deg
);
}
// 3-color backgrounds
&-wug,
&-wgu,
&-ugw,
&-uwg,
&-gwu,
&-guw,
&-bant {
background: conic-gradient(
@ms-blue 60deg,
@ms-green 60deg 180deg,
@ms-white 180deg 300deg,
@ms-blue 300deg
);
}
&-ubw,
&-uwb,
&-buw,
&-bwu,
&-wub,
&-wbu,
&-esper {
background: conic-gradient(
@ms-black 60deg,
@ms-white 60deg 180deg,
@ms-blue 180deg 300deg,
@ms-black 300deg
);
}
&-bru,
&-bur,
&-rbu,
&-rub,
&-ubr,
&-urb,
&-grixis {
background: conic-gradient(
@ms-red 60deg,
@ms-blue 60deg 180deg,
@ms-black 180deg 300deg,
@ms-red 300deg
);
}
&-rgb,
&-rbg,
&-grb,
&-gbr,
&-brg,
&-bgr,
&-jund {
background: conic-gradient(
@ms-green 60deg,
@ms-black 60deg 180deg,
@ms-red 180deg 300deg,
@ms-green 300deg
);
}
&-gwr,
&-grw,
&-wgr,
&-wrg,
&-rgw,
&-rwg,
&-naya {
background: conic-gradient(
@ms-white 60deg,
@ms-red 60deg 180deg,
@ms-green 180deg 300deg,
@ms-white 300deg
);
}
&-wbg,
&-wgb,
&-bwg,
&-bgw,
&-gwb,
&-gbw,
&-abzan,
&-junk,
&-necra {
background: conic-gradient(
@ms-black 60deg,
@ms-green 60deg 180deg,
@ms-white 180deg 300deg,
@ms-black 300deg
);
}
&-urw,
&-uwr,
&-ruw,
&-rwu,
&-wur,
&-wru,
&-jeskai,
&-raka {
background: conic-gradient(
@ms-red 60deg,
@ms-white 60deg 180deg,
@ms-blue 180deg 300deg,
@ms-red 300deg
);
}
&-bgu,
&-bug,
&-gbu,
&-gub,
&-ubg,
&-ugb,
&-sultai,
&-bug,
&-ana {
background: conic-gradient(
@ms-green 60deg,
@ms-blue 60deg 180deg,
@ms-black 180deg 300deg,
@ms-green 300deg
);
}
&-rwb,
&-rbw,
&-wrb,
&-wbr,
&-brw,
&-bwr,
&-mardu,
&-dega {
background: conic-gradient(
@ms-white 60deg,
@ms-black 60deg 180deg,
@ms-red 180deg 300deg,
@ms-white 300deg
);
}
&-gur,
&-gru,
&-ugr,
&-urg,
&-rgu,
&-rug,
&-temur,
&-ceta {
background: conic-gradient(
@ms-blue 60deg,
@ms-red 60deg 180deg,
@ms-green 180deg 300deg,
@ms-blue 300deg
);
}
// 4 color backgrounds
// note: not using aliaes like sass because less is so feature limited
&-ubrg,
&-glint,
&-ubgr,
&-ugbr,
&-ugrb,
&-urbg,
&-urgb,
&-bgru,
&-bgur,
&-brgu,
&-brug,
&-bugr,
&-burg,
&-gbru,
&-gbur,
&-grbu,
&-grub,
&-gubr,
&-gurb,
&-rbgu,
&-rbug,
&-rgbu,
&-rgub,
&-rubg,
&-rugb {
background: conic-gradient(
@ms-blue 45deg,
@ms-black 45deg 135deg,
@ms-red 135deg 225deg,
@ms-green 225deg 315deg,
@ms-blue 315deg
);
}
&-brgw,
&-dune,
&-bgrw,
&-bgwr,
&-brwg,
&-bwgr,
&-bwrg,
&-gbrw,
&-gbwr,
&-grbw,
&-grwb,
&-gwbr,
&-gwrb,
&-rbgw,
&-rbwg,
&-rgbw,
&-rgwb,
&-rwbg,
&-rwgb,
&-wbgr,
&-wbrg,
&-wgbr,
&-wgrb,
&-wrbg,
&-wrgb {
background: conic-gradient(
@ms-black 45deg,
@ms-red 45deg 135deg,
@ms-green 135deg 225deg,
@ms-white 225deg 315deg,
@ms-black 315deg
);
}
&-rgwu,
&-ink,
&-gruw,
&-grwu,
&-gurw,
&-guwr,
&-gwru,
&-gwur,
&-rguw,
&-rugw,
&-ruwg,
&-rwgu,
&-rwug,
&-ugrw,
&-ugwr,
&-urgw,
&-urwg,
&-uwgr,
&-uwrg,
&-wgru,
&-wgur,
&-wrgu,
&-wrug,
&-wugr,
&-wurg {
background: conic-gradient(
@ms-red 45deg,
@ms-green 45deg 135deg,
@ms-white 135deg 225deg,
@ms-blue 225deg 315deg,
@ms-red 315deg
);
}
&-gwub,
&-witch,
&-bguw,
&-bgwu,
&-bugw,
&-buwg,
&-bwgu,
&-bwug,
&-gbuw,
&-gbwu,
&-gubw,
&-guwb,
&-gwbu,
&-ubgw,
&-ubwg,
&-ugbw,
&-ugwb,
&-uwbg,
&-uwgb,
&-wbgu,
&-wbug,
&-wgbu,
&-wgub,
&-wubg,
&-wugb {
background: conic-gradient(
@ms-green 45deg,
@ms-white 45deg 135deg,
@ms-blue 135deg 225deg,
@ms-black 225deg 315deg,
@ms-green 315deg
);
}
&-wubr,
&-yore,
&-bruw,
&-brwu,
&-burw,
&-buwr,
&-bwru,
&-bwur,
&-rbuw,
&-rbwu,
&-rubw,
&-ruwb,
&-rwbu,
&-rwub,
&-ubrw,
&-ubwr,
&-urbw,
&-urwb,
&-uwbr,
&-uwrb,
&-wbru,
&-wbur,
&-wrbu,
&-wrub,
&-wurb {
background: conic-gradient(
@ms-white 45deg,
@ms-blue 45deg 135deg,
@ms-black 135deg 225deg,
@ms-red 225deg 315deg,
@ms-white 315deg
);
}
// 5 color background
&-wubrg,
&-5,
&-bgruw,
&-bgrwu,
&-bgurw,
&-bguwr,
&-bgwru,
&-bgwur,
&-brguw,
&-brgwu,
&-brugw,
&-bruwg,
&-brwgu,
&-brwug,
&-bugrw,
&-bugwr,
&-burgw,
&-burwg,
&-buwgr,
&-buwrg,
&-bwgru,
&-bwgur,
&-bwrgu,
&-bwrug,
&-bwugr,
&-bwurg,
&-gbruw,
&-gbrwu,
&-gburw,
&-gbuwr,
&-gbwru,
&-gbwur,
&-grbuw,
&-grbwu,
&-grubw,
&-gruwb,
&-grwbu,
&-grwub,
&-gubrw,
&-gubwr,
&-gurbw,
&-gurwb,
&-guwbr,
&-guwrb,
&-gwbru,
&-gwbur,
&-gwrbu,
&-gwrub,
&-gwubr,
&-gwurb,
&-rbguw,
&-rbgwu,
&-rbugw,
&-rbuwg,
&-rbwgu,
&-rbwug,
&-rgbuw,
&-rgbwu,
&-rgubw,
&-rguwb,
&-rgwbu,
&-rgwub,
&-rubgw,
&-rubwg,
&-rugbw,
&-rugwb,
&-ruwbg,
&-ruwgb,
&-rwbgu,
&-rwbug,
&-rwgbu,
&-rwgub,
&-rwubg,
&-rwugb,
&-ubgrw,
&-ubgwr,
&-ubrgw,
&-ubrwg,
&-ubwgr,
&-ubwrg,
&-ugbrw,
&-ugbwr,
&-ugrbw,
&-ugrwb,
&-ugwbr,
&-ugwrb,
&-urbgw,
&-urbwg,
&-urgbw,
&-urgwb,
&-urwbg,
&-urwgb,
&-uwbgr,
&-uwbrg,
&-uwgbr,
&-uwgrb,
&-uwrbg,
&-uwrgb,
&-wbgru,
&-wbgur,
&-wbrgu,
&-wbrug,
&-wbugr,
&-wburg,
&-wgbru,
&-wgbur,
&-wgrbu,
&-wgrub,
&-wgubr,
&-wgurb,
&-wrbgu,
&-wrbug,
&-wrgbu,
&-wrgub,
&-wrubg,
&-wrugb,
&-wubgr,
&-wugbr,
&-wugrb,
&-wurbg,
&-wurgb {
background: conic-gradient(
@ms-white 36deg,
@ms-blue 36deg 108deg,
@ms-black 108deg 180deg,
@ms-red 180deg 252deg,
@ms-green 252deg 324deg,
@ms-white 324deg
);
}
}

View File

@ -3,7 +3,7 @@
.@{ms-prefix}-cost {
// Base cost styles
background-color: #BEB9B2;
background-color: @ms-base-colorless;
border-radius: 1em;
color: #111;
font-size: 0.95em;
@ -15,23 +15,23 @@
// Single symbols
&.@{ms-prefix}-w,
&.@{ms-prefix}-wp {
background-color: #F0F2C0;
background-color: @ms-base-white;
}
&.@{ms-prefix}-u,
&.@{ms-prefix}-up {
background-color: #B5CDE3;
background-color: @ms-base-blue;
}
&.@{ms-prefix}-b,
&.@{ms-prefix}-bp {
background-color: #ACA29A;
background-color: @ms-base-black;
}
&.@{ms-prefix}-r,
&.@{ms-prefix}-rp {
background-color: #DB8664;
background-color: @ms-base-red;
}
&.@{ms-prefix}-g,
&.@{ms-prefix}-gp {
background-color: #93B483;
background-color: @ms-base-green;
}
// Split symbols
@ -49,7 +49,17 @@
&.@{ms-prefix}-2u,
&.@{ms-prefix}-2b,
&.@{ms-prefix}-2r,
&.@{ms-prefix}-2g {
&.@{ms-prefix}-2g,
&.@{ms-prefix}-wup,
&.@{ms-prefix}-wbp,
&.@{ms-prefix}-ubp,
&.@{ms-prefix}-urp,
&.@{ms-prefix}-brp,
&.@{ms-prefix}-bgp,
&.@{ms-prefix}-rwp,
&.@{ms-prefix}-rgp,
&.@{ms-prefix}-gwp,
&.@{ms-prefix}-gup {
position: relative;
width: 1.3em;
height: 1.3em;
@ -67,7 +77,8 @@
left: 1.0em;
}
}
&.@{ms-prefix}-wu {
&.@{ms-prefix}-wu,
&.@{ms-prefix}-wup {
background: #edf2b0; // Old browsers
background: -moz-linear-gradient(-45deg, #edf2b0 0%, #edf2b0 50%, #a6c1dd 50%, #a6c1dd 100%); // FF3.6+
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#edf2b0), color-stop(50%,#edf2b0), color-stop(50%,#a6c1dd), color-stop(100%,#a6c1dd)); // Chrome,Safari4+
@ -77,7 +88,8 @@
background: linear-gradient(135deg, #edf2b0 0%,#edf2b0 50%,#a6c1dd 50%,#a6c1dd 100%); // W3C
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#edf2b0', endColorstr='#a6c1dd',GradientType=1 ); // IE6-9 fallback on horizontal gradient
}
&.@{ms-prefix}-wb {
&.@{ms-prefix}-wb,
&.@{ms-prefix}-wbp {
background: #edf2b0; // Old browsers
background: -moz-linear-gradient(-45deg, #edf2b0 0%, #edf2b0 50%, #9c9188 50%, #9c9188 100%); // FF3.6+
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#edf2b0), color-stop(50%,#edf2b0), color-stop(50%,#9c9188), color-stop(100%,#9c9188)); // Chrome,Safari4+
@ -87,7 +99,8 @@
background: linear-gradient(135deg, #edf2b0 0%,#edf2b0 50%,#9c9188 50%,#9c9188 100%); // W3C
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#edf2b0', endColorstr='#9c9188',GradientType=1 ); // IE6-9 fallback on horizontal gradient
}
&.@{ms-prefix}-ub {
&.@{ms-prefix}-ub,
&.@{ms-prefix}-ubp {
background: #a6c1dd; // Old browsers
background: -moz-linear-gradient(-45deg, #a6c1dd 0%, #a6c1dd 50%, #9c9188 50%, #9c9188 100%); // FF3.6+
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#a6c1dd), color-stop(50%,#a6c1dd), color-stop(50%,#9c9188), color-stop(100%,#9c9188)); // Chrome,Safari4+
@ -97,7 +110,8 @@
background: linear-gradient(135deg, #a6c1dd 0%,#a6c1dd 50%,#9c9188 50%,#9c9188 100%); // W3C
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6c1dd', endColorstr='#9c9188',GradientType=1 ); // IE6-9 fallback on horizontal gradient
}
&.@{ms-prefix}-ur {
&.@{ms-prefix}-ur,
&.@{ms-prefix}-urp {
background: #a6c1dd; // Old browsers
background: -moz-linear-gradient(-45deg, #a6c1dd 0%, #a6c1dd 50%, #db8664 50%, #db8664 100%); // FF3.6+
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#a6c1dd), color-stop(50%,#a6c1dd), color-stop(50%,#db8664), color-stop(100%,#db8664)); // Chrome,Safari4+
@ -107,7 +121,8 @@
background: linear-gradient(135deg, #a6c1dd 0%,#a6c1dd 50%,#db8664 50%,#db8664 100%); // W3C
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6c1dd', endColorstr='#db8664',GradientType=1 ); // IE6-9 fallback on horizontal gradient
}
&.@{ms-prefix}-br {
&.@{ms-prefix}-br,
&.@{ms-prefix}-brp {
background: #aca29a; // Old browsers
background: -moz-linear-gradient(-45deg, #aca29a 0%, #aca29a 50%, #db8664 50%, #db8664 100%); // FF3.6+
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#aca29a), color-stop(50%,#aca29a), color-stop(50%,#db8664), color-stop(100%,#db8664)); // Chrome,Safari4+
@ -117,7 +132,8 @@
background: linear-gradient(135deg, #aca29a 0%,#aca29a 50%,#db8664 50%,#db8664 100%); // W3C
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aca29a', endColorstr='#db8664',GradientType=1 ); // IE6-9 fallback on horizontal gradient
}
&.@{ms-prefix}-bg {
&.@{ms-prefix}-bg,
&.@{ms-prefix}-bgp {
background: #aca29a; // Old browsers
background: -moz-linear-gradient(-45deg, #aca29a 0%, #aca29a 50%, #93b483 50%, #93b483 100%); // FF3.6+
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#aca29a), color-stop(50%,#aca29a), color-stop(50%,#93b483), color-stop(100%,#93b483)); // Chrome,Safari4+
@ -127,7 +143,8 @@
background: linear-gradient(135deg, #aca29a 0%,#aca29a 50%,#93b483 50%,#93b483 100%); // W3C
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aca29a', endColorstr='#93b483',GradientType=1 ); // IE6-9 fallback on horizontal gradient
}
&.@{ms-prefix}-rw {
&.@{ms-prefix}-rw,
&.@{ms-prefix}-rwp {
background: #db8664; // Old browsers
background: -moz-linear-gradient(-45deg, #db8664 0%, #db8664 50%, #edf2b0 50%, #edf2b0 100%); // FF3.6+
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#db8664), color-stop(50%,#db8664), color-stop(50%,#edf2b0), color-stop(100%,#edf2b0)); // Chrome,Safari4+
@ -137,7 +154,8 @@
background: linear-gradient(135deg, #db8664 0%,#db8664 50%,#edf2b0 50%,#edf2b0 100%); // W3C
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#db8664', endColorstr='#edf2b0',GradientType=1 ); // IE6-9 fallback on horizontal gradient
}
&.@{ms-prefix}-rg {
&.@{ms-prefix}-rg,
&.@{ms-prefix}-rgp {
background: #db8664; // Old browsers
background: -moz-linear-gradient(-45deg, #db8664 0%, #db8664 50%, #93b483 50%, #93b483 100%); // FF3.6+
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#db8664), color-stop(50%,#db8664), color-stop(50%,#93b483), color-stop(100%,#93b483)); // Chrome,Safari4+
@ -147,7 +165,8 @@
background: linear-gradient(135deg, #db8664 0%,#db8664 50%,#93b483 50%,#93b483 100%); // W3C
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#db8664', endColorstr='#93b483',GradientType=1 ); // IE6-9 fallback on horizontal gradient
}
&.@{ms-prefix}-gw {
&.@{ms-prefix}-gw,
&.@{ms-prefix}-gwp {
background: #93b483; // Old browsers
background: -moz-linear-gradient(-45deg, #93b483 0%, #93b483 50%, #edf2b0 50%, #edf2b0 100%); // FF3.6+
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#93b483), color-stop(50%,#93b483), color-stop(50%,#edf2b0), color-stop(100%,#edf2b0)); // Chrome,Safari4+
@ -157,7 +176,8 @@
background: linear-gradient(135deg, #93b483 0%,#93b483 50%,#edf2b0 50%,#edf2b0 100%); // W3C
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#93b483', endColorstr='#edf2b0',GradientType=1 ); // IE6-9 fallback on horizontal gradient
}
&.@{ms-prefix}-gu {
&.@{ms-prefix}-gu,
&.@{ms-prefix}-gup {
background: #93b483; // Old browsers
background: -moz-linear-gradient(-45deg, #93b483 0%, #93b483 50%, #b5cde3 50%, #b5cde3 100%); // FF3.6+
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#93b483), color-stop(50%,#93b483), color-stop(50%,#b5cde3), color-stop(100%,#b5cde3)); // Chrome,Safari4+
@ -218,13 +238,23 @@
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#beb9b2', endColorstr='#93b483',GradientType=1 ); // IE6-9 fallback on horizontal gradient
}
// Phyrexian mana and size increases
// phyrexian mana size increases
&.@{ms-prefix}-p::before,
&.@{ms-prefix}-wp::before,
&.@{ms-prefix}-up::before,
&.@{ms-prefix}-bp::before,
&.@{ms-prefix}-rp::before,
&.@{ms-prefix}-gp::before {
&.@{ms-prefix}-gp::before,
&.@{ms-prefix}-wup::before,
&.@{ms-prefix}-wbp::before,
&.@{ms-prefix}-ubp::before,
&.@{ms-prefix}-urp::before,
&.@{ms-prefix}-brp::before,
&.@{ms-prefix}-bgp::before,
&.@{ms-prefix}-rwp::before,
&.@{ms-prefix}-rgp::before,
&.@{ms-prefix}-gwp::before,
&.@{ms-prefix}-gup::before {
display: inline-block;
-moz-transform: scale( 1.2, 1.2 );
-webkit-transform: scale( 1.2, 1.2 );
@ -242,7 +272,8 @@
}
// Snow mana
&.@{ms-prefix}-s::before {
&.@{ms-prefix}-s {
&::before {
color: #fff;
-webkit-text-stroke: 2px #fff;
font-size: 0.85em;
@ -250,7 +281,7 @@
position: relative;
display: inline-block;
}
&.@{ms-prefix}-s::after {
&::after {
//text-shadow: -1px 1px 0 #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, 1px 1px 0 #fff;
content: "\e619";
position: absolute;
@ -258,6 +289,10 @@
margin-left: -0.9em;
font-size: 1.1em;
}
&-mtga::before {
color: #fff;
}
}
// Tap symbols
&.@{ms-prefix}-untap {

View File

@ -1,3 +1,5 @@
// dual-layered symbol handling
.@{ms-prefix}-duo {
// base border styles
@ -21,11 +23,37 @@
content: "\e986";
}
// strixhaven schools
&.@{ms-prefix}-school {
&-lorehold::after {
content: "\e99b";
}
&-prismari::after {
content: "\e99d";
}
&-quandrix::after {
content: "\e99f";
}
&-silverquill::after {
content: "\e9a1";
}
&-witherbloom {
&::before {
content: "\e9a3";
}
&::after {
content: "\e9a4";
}
}
}
// colorized versions
&-color {
// default outer color
&::before {
color: #000;
color: @ms-border-black;
}
// multicolor
&.@{ms-prefix}-multicolor {
&::after {
color: @ms-multicolor-flat;
@ -36,6 +64,29 @@
-webkit-text-fill-color: transparent;
}
}
// strixhaven schools
&.@{ms-prefix}-school {
&-lorehold {
&::before { color: #a03731; }
&::after { color: #e4e8c7; }
}
&-prismari {
&::before { color: #a23431; }
&::after { color: #322f5c; }
}
&-quandrix {
&::before { color: #352e5f; }
&::after { color: #519e52; }
}
&-silverquill {
&::before { color: #181616; }
&::after { color: #e5e9ca; }
}
&-witherbloom {
&::before { color: #2f312d; }
&::after { color: #4f9b4f; }
}
}
}
}

6
less/extras.less Normal file
View File

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

View File

@ -4,6 +4,8 @@
// resources
&-w::before { content: "\e600"; }
&-w-original::before { content: "\e997"; }
&-w-list::before { content: "\e998"; }
&-u::before { content: "\e601"; }
&-b::before { content: "\e602"; }
&-r::before { content: "\e603"; }
@ -32,17 +34,15 @@
&-x::before { content: "\e615"; }
&-y::before { content: "\e616"; }
&-z::before { content: "\e617"; }
&-p::before,
&-wp::before,
&-up::before,
&-bp::before,
&-rp::before,
&-gp::before { content: "\e618"; }
&-p::before { content: "\e618"; }
&-s::before { content: "\e619"; }
&-s-mtga::before { content: "\e996"; }
&-c::before { content: "\e904"; }
&-e::before,
&-energy::before{ content: "\e907"; }
&-acorn::before { content: "\e929"; }
&-ticket::before,
&-tk::before { content: "\e9c4"; }
&-1-2::before { content: "\e902"; }
&-infinity::before { content: "\e903"; }
@ -54,11 +54,15 @@
// card types
&-artifact::before { content: "\e61e"; }
&-battle::before { content: "\e9d1"; }
&-battle-siege::before { content: "\e9d2"; }
&-commander::before { content: "\e9c6"; }
&-conspiracy::before { content: "\e972"; }
&-creature::before { content: "\e61f"; }
&-enchantment::before { content: "\e620"; }
&-instant::before { content: "\e621"; }
&-land::before { content: "\e622"; }
&-multicolor::before { content: "\e985"; }
&-phenomenon::before { content: "\e96e"; }
&-plane::before { content: "\e96f"; }
&-planeswalker::before { content: "\e623"; }
@ -70,7 +74,12 @@
&-tribal::before,
&-multiple::before { content: "\e925"; }
&-vanguard::before { content: "\e971"; }
&-multicolor::before { content: "\e985"; }
// zones
&-hand::before { content: "\e9ca"; }
&-library::before { content: "\e9cb"; }
&-graveyard::before { content: "\e9cc"; }
&-exile::before { content: "\e9cd"; }
// splits
&-wu::before,
@ -104,29 +113,74 @@
&-2r::before,
&-2g::before { content: "\e607"; } // 2
// phyrexian splits
&-wp::before,
&-up::before,
&-bp::before,
&-rp::before,
&-gp::before,
&-wup::before,
&-wup::after,
&-wbp::before,
&-wbp::after,
&-ubp::before,
&-ubp::after,
&-urp::before,
&-urp::after,
&-brp::before,
&-brp::after,
&-bgp::before,
&-bgp::after,
&-rwp::before,
&-rwp::after,
&-rgp::before,
&-rgp::after,
&-gwp::before,
&-gwp::after,
&-gup::before,
&-gup::after { content: "\e618"; } // p/p
// un-sets
&-100::before { content: "\e900"; }
&-1000000::before { content: "\e901"; }
// planeswalkers
// loyalty
&-loyalty {
&-up::before { content: "\e627"; } // Up
&-down::before { content: "\e625"; } // Down
&-zero::before { content: "\e626"; } // Zero
&-start::before { content: "\e628"; } // Start
}
&-defense {
&::before { content: "\e9d7"; }
&-border::before { content: "\e9d8"; }
}
// levelers
&-level {
&::before { content: "\e9c7"; }
&::after { content: "\e9c8"; }
}
// double-faced cards
&-dfc {
&-night::before { content: "\e905"; }
&-back::before { content: "\e9d4"; }
&-day::before { content: "\e906"; }
&-ignite::before { content: "\e908"; }
&-spark::before { content: "\e909"; }
&-emrakul::before { content: "\e90a"; }
&-moon::before { content: "\e90b"; }
&-enchantment::before { content: "\e920"; }
&-modal-face::before { content: "\e983"; }
&-facedown::before { content: "\e9d6"; }
&-front::before { content: "\e9d3"; }
&-ignite::before { content: "\e908"; }
&-land::before { content: "\e9c5"; }
&-lesson::before { content: "\e98f"; }
&-meld::before { content: "\e9d5"; }
&-modal-back::before { content: "\e984"; }
&-modal-face::before { content: "\e983"; }
&-moon::before { content: "\e90b"; }
&-night::before { content: "\e905"; }
&-saga::before { content: "\e9cf"; }
&-saga-creature::before { content: "\e9d0"; }
&-spark::before { content: "\e909"; }
}
// other card elements
@ -168,12 +222,20 @@
&-akros::before { content: "\e927"; }
&-meletis::before { content: "\e928"; }
}
&-school {
&-lorehold::before { content: "\e99a"; }
&-prismari::before { content: "\e99c"; }
&-quandrix::before { content: "\e99e"; }
&-silverquill::before { content: "\e9a0"; }
&-witherbloom::before { content: "\e9a2"; }
}
// counters
&-counter {
&-arrow::before { content: "\e92b"; }
&-brick::before { content: "\e92c"; }
&-charge::before { content: "\e92d"; }
&-damage::before { content: "\e9dd"; } // same as original enrage
&-devotion::before { content: "\e92e"; }
&-doom::before { content: "\e92f"; }
&-echo::before { content: "\e930"; }
@ -198,7 +260,11 @@
&-minus-uneven::before { content: "\e943"; }
&-plus-uneven::before { content: "\e944"; }
&-verse::before { content: "\e945"; }
&-void::before { content: "\e9ec"; }
&-vortex::before { content: "\e946"; }
// arena
&-shield::before { content: "\e9c3"; }
&-stun::before { content: "\e9c2"; }
}
// abilities
@ -213,23 +279,59 @@
&-afflict::before { content: "\e977"; }
&-afterlife::before { content: "\e978"; }
&-aftermath::before { content: "\e979"; }
&-amass::before { content: "\e97a"; }
&-alliance::before { content: "\e9b5"; }
&-amass {
&-orcs::before { content: "\e9e0"; }
&-zombies::before,
&::before { content: "\e97a"; }
}
&-ascend::before { content: "\e94a"; }
&-backup::before { content: "\e9d9"; }
&-bargain::before { content: "\e9e2"; }
&-blitz::before { content: "\e9b4"; }
&-boast::before { content: "\e991"; }
&-casualty::before { content: "\e9b7"; }
&-celebration::before { content: "\e9e3"; }
&-changeling::before { content: "\e9a6"; }
&-channel::before { content: "\e9b1"; }
&-cleave::before { content: "\e9ad"; }
&-combat-condition::before { content: "\e9ce"; }
&-companion::before { content: "\e97b"; }
&-constellation::before { content: "\e97c"; }
&-convoke::before { content: "\e949"; }
&-convoke {
&-original::before { content: "\e949"; }
&::before { content: "\e9da"; }
}
&-corrupted::before { content: "\e9c0"; }
&-coven::before { content: "\e9aa"; }
&-d20::before { content: "\e999"; }
&-day-night::before { content: "\e9a8"; }
&-daybound-nightbound::before { content: "\e9a9"; }
&-deathtouch::before { content: "\e94b"; }
&-decayed::before { content: "\e9ac"; }
&-defender::before { content: "\e94c"; }
&-devotion::before { content: "\e97d"; }
&-disturb::before { content: "\e9ae"; }
&-domain::before { content: "\e9a7"; }
&-double-strike::before { content: "\e94d"; }
&-dungeon::before { content: "\e995"; }
&-embalm::before { content: "\e97e"; }
&-enrage::before { content: "\e94e"; }
&-enlist::before { content: "\e9ba"; }
&-enrage {
&::before { content: "\e9dc"; }
&-original::before { content: "\e94e"; }
}
&-escape::before { content: "\e969"; }
&-eternalize::before { content: "\e97f"; }
&-exploit::before { content: "\e9af"; }
&-explore::before { content: "\e94f"; }
&-fabricate::before { content: "\e9a5"; }
&-first-strike::before { content: "\e950"; }
&-flash::before { content: "\e951"; }
&-flying::before { content: "\e952"; }
&-for-mirrodin::before { content: "\e9c1"; }
&-foretell::before { content: "\e990"; }
&-goad::before { content: "\e9c9"; }
&-haste::before { content: "\e953"; }
&-hexproof {
&::before { content: "\e954"; }
@ -239,30 +341,135 @@
&-red::before { content: "\e958"; }
&-white::before { content: "\e959"; }
}
&-hideaway::before { content: "\e9b8"; }
&-improvise::before { content: "\e9de"; }
&-incubate::before { content: "\e9db"; }
&-indestructible::before { content: "\e95a"; }
&-investigate::before { content: "\e9ab"; }
&-jumpstart::before { content: "\e95b"; }
&-kicker::before { content: "\e989"; }
&-landfall::before { content: "\e988"; }
&-learn::before { content: "\e994"; }
&-lifelink::before { content: "\e95c"; }
&-magecraft::before { content: "\e993"; }
&-meld::before { content: "\e9bd"; }
&-menace::before { content: "\e95d"; }
&-mentor::before { content: "\e95e"; }
&-mutate::before { content: "\e980"; }
&-ninjutsu::before { content: "\e9b2"; }
&-obscura::before { content: "\e9b6"; }
&-party::before { content: "\e987"; }
&-phyrexian::before { content: "\e618"; }
&-proliferate::before { content: "\e981"; }
&-prototype::before { content: "\e9be"; }
&-prowess::before { content: "\e982"; }
&-raid::before { content: "\e95f"; }
&-reach::before { content: "\e960"; }
&-read-ahead::before { content: "\e9b9"; }
&-reconfigure::before { content: "\e9b3"; }
&-revolt::before { content: "\e961"; }
&-ring-bearer::before { content: "\e9df"; }
&-riot::before { content: "\e973"; }
&-role {
&-cursed::before { content: "\e9e6"; }
&-monster::before { content: "\e9e7"; }
&-royal::before { content: "\e9e8"; }
&-sorceror::before { content: "\e9e9"; }
&-wicked::before { content: "\e9ea"; }
&-young-hero::before { content: "\e9eb"; }
}
&-specialize::before { content: "\e9bb"; }
&-spectacle::before { content: "\e96b"; }
&-static::before,
&-enchant::before,
&-improvise::before,
&-kicker::before { content: "\e962"; }
&-enchant::before { content: "\e962"; }
&-summoning-sickness::before { content: "\e96a"; }
&-surveil::before { content: "\e963"; }
&-the-ring-tempts-you::before { content: "\e9e1"; }
&-toxic::before { content: "\e9bf"; }
&-training::before { content: "\e9b0"; }
&-trample::before { content: "\e964"; }
&-transform::before { content: "\e965"; }
&-triggered::before,
&-fabricate::before { content: "\e966"; }
&-triggered::before { content: "\e966"; }
&-undergrowth::before { content: "\e967"; }
&-unearth::before { content: "\e9bc"; }
&-vigilance::before { content: "\e968"; }
&-ward::before { content: "\e992"; }
// arena card-specific ability symbols
&-haktos-the-unscarred::before { content: "\e9e4"; }
&-robber-of-the-rich::before { content: "\e9e5"; }
}
// watermarks
&-watermark {
&-agentsofsneak::before { content: "\ea08"; }
&-arena::before { content: "\ea1e"; }
&-brokers::before { content: "\ea0d"; }
&-cabaretti::before { content: "\ea0e"; }
&-colorpie::before { content: "\e9f0"; }
&-conspiracy::before { content: "\ea12"; }
&-corocoro::before { content: "\ea15"; }
&-crossbreedlabs::before { content: "\ea09"; }
&-dci::before { content: "\ea1d"; }
&-dengekimaoh::before { content: "\ea14"; }
&-desparked::before { content: "\e9f1"; }
&-dnd::before { content: "\ea17"; }
&-flavor {
&-aestheticconsultation::before { content: "\e9f2"; }
&-farewelltoarms::before { content: "\e9f3"; }
&-monkeymonkeymonkey::before { content: "\e9f4"; }
&-moxlotus::before { content: "\e9f5"; }
&-myfirsttome::before { content: "\e9f6"; }
&-shoetree::before { content: "\e9f7"; }
&-whenfluffybunniesattack::before { content: "\e9f8"; }
}
&-fnm::before { content: "\ea16"; }
&-goblinexplosioneers::before { content: "\ea0a"; }
&-grandprix::before { content: "\ea1f"; }
&-grandprix2::before { content: "\ea20"; }
&-herospath {
&::before { content: "\ea02"; }
&-1::before { content: "\e9f9"; }
&-2::before { content: "\e9fa"; }
&-3::before { content: "\e9fb"; }
&-4::before { content: "\e9fc"; }
&-5::before { content: "\e9fd"; }
&-6::before { content: "\e9fe"; }
&-7::before { content: "\e9ff"; }
&-8::before { content: "\ea00"; }
&-9::before { content: "\ea01"; }
}
&-japanjunior::before { content: "\ea24"; }
&-judgeacademy::before { content: "\ea13"; }
&-junior::before { content: "\ea23"; }
&-juniorapac::before { content: "\ea21"; }
&-junioreurope::before { content: "\ea22"; }
&-leagueofdastardlydoom::before { content: "\ea0b"; }
&-maestros::before { content: "\ea0f"; }
&-mirran::before { content: "\ea03"; }
&-cutiemark {
&-apples::before { content: "\ea27"; }
&-balloons::before { content: "\ea28"; }
&-butterflies::before { content: "\ea29"; }
&-gems::before { content: "\ea04"; }
&-rainbow::before { content: "\ea2a"; }
&-sparkle::before { content: "\ea05"; }
&-waningmoon::before { content: "\ea06"; }
&-waxingmoon::before { content: "\ea07"; }
}
&-mps::before { content: "\ea1a"; }
&-mtg::before { content: "\e9ed"; }
&-mtg10::before { content: "\e9ee"; }
&-mtg15::before { content: "\e9ef"; }
&-nerf::before { content: "\ea19"; }
&-obscura::before { content: "\ea10"; }
&-orderofthewidget::before { content: "\ea0c"; }
&-protour::before { content: "\ea26"; }
&-riveteers::before { content: "\ea11"; }
&-scholarship::before { content: "\ea25"; }
&-transformers::before { content: "\ea18"; }
&-wotc::before { content: "\ea1b"; }
&-wpn::before { content: "\ea1c"; }
}
}

View File

@ -1,26 +1,28 @@
/**
* Planeswalker symbols */
* planeswalker and other loyalty symbols */
.@{ms-prefix}-loyalty {
// All
// all
&-up,
&-down,
&-zero,
&-start {
color: #111;
font-size: 21px;
font-size: 1.5em;
position: relative;
text-align: center;
line-height: 0.9em;
}
// Start
// variant alterations
&-start {
font-size: 25px; // increase the size a bit by default
font-size: 2.0em; // increase the size a bit by default
}
&-zero::after {
line-height: 2.1em !important; // slight correction
}
// Counters
// base styles for counters
&-0::after,
&-1::after,
&-2::after,
@ -50,11 +52,13 @@
font-family: @ms-serif-font;
position: absolute;
left: 0;
line-height: 2em;
line-height: 2.25em;
width: 100%;
text-align: center;
}
&-0::after { content: "0"; }
&-0::after {
content: "0";
}
&-up {
&.@{ms-prefix}-loyalty-1::after { content: "+1"; }
&.@{ms-prefix}-loyalty-2::after { content: "+2"; }
@ -104,7 +108,9 @@
&.@{ms-prefix}-loyalty-x::after { content: "X"; }
}
&-down {
&::after{ line-height: 1.8em; }
&::after{
line-height: 2.0em;
}
&.@{ms-prefix}-loyalty-1::after { content: "-1"; }
&.@{ms-prefix}-loyalty-2::after { content: "-2"; }
&.@{ms-prefix}-loyalty-3::after { content: "-3"; }
@ -129,28 +135,44 @@
&.@{ms-prefix}-loyalty-x::after { content: "-X"; }
}
// outline style for card text
&-outline {
&::before {
color: transparent;
-webkit-text-stroke: 0.03em #111;
}
&::after {
color: #111;
}
// correction for starting loyalty size
&.@{ms-prefix}-loyalty-start {
font-size: 1.6em;
}
}
}
/**
* Saga loyalty */
// saga loyalty
.@{ms-prefix}-saga {
// Defaults
// all
color: #111;
// Numbers
// numbers
&-1::after,
&-2::after,
&-3::after,
&-4::after,
&-5::after { // future proofing :P
&-5::after,
&-6::after {
color: #fff;
display: inline-block;
font-size: 0.6em;
font-family: @ms-serif-font;
position: absolute;
left: 0;
line-height: 1.75em;
line-height: 2.0em;
width: 100%;
text-align: center;
}
@ -160,5 +182,135 @@
&-3::after { content: "III"; }
&-4::after { content: "IV"; }
&-5::after { content: "V"; }
&-6::after { content: "VI"; }
}
// level card levels
.@{ms-prefix}-level {
// level numbers must be in a span for now unfortunately
> span {
font-size: 0.33em;
position: absolute;
left: 0;
top: 0;
color: #000;
font-family: @ms-serif-font;
width: 76%;
text-align: center;
line-height: 3.8;
}
// alt border similar to duo handling
&::after {
color: rgba(0,0,0,0.25);
display: block;
font-size: 1em;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
}
// defense loyalty
.@{ms-prefix}-defense {
color: #111;
font-size: 1.5em;
position: relative;
text-align: center;
// base styles for counters
&-0::after,
&-1::after,
&-2::after,
&-3::after,
&-4::after,
&-5::after,
&-6::after,
&-7::after,
&-8::after,
&-9::after,
&-10::after,
&-11::after,
&-12::after,
&-13::after,
&-14::after,
&-15::after,
&-16::after,
&-17::after,
&-18::after,
&-19::after,
&-20::after,
&-25::after,
&-x::after {
color: #fff;
display: inline-block;
font-size: 0.5em;
font-family: @ms-serif-font;
position: absolute;
left: 0;
line-height: 2.25em;
width: 100%;
text-align: center;
}
// values
&-0::after { content: "0"; }
&-1::after { content: "1"; }
&-2::after { content: "2"; }
&-3::after { content: "3"; }
&-4::after { content: "4"; }
&-5::after { content: "5"; }
&-6::after { content: "6"; }
&-7::after { content: "7"; }
&-8::after { content: "8"; }
&-9::after { content: "9"; }
&-10::after { content: "10"; }
&-11::after { content: "11"; }
&-12::after { content: "12"; }
&-13::after { content: "13"; }
&-14::after { content: "14"; }
&-15::after { content: "15"; }
&-16::after { content: "16"; }
&-17::after { content: "17"; }
&-18::after { content: "18"; }
&-19::after { content: "19"; }
&-20::after { content: "20"; }
&-25::after { content: "25"; }
// outline version
&-outline {
&::before {
content: "\e9d8";
}
&::after {
color: #111;
}
}
// experimental third layer for the border
&-print {
display: list-item;
list-style-position: inside;
width: 0.9em;
&::before {
color: #fff;
content: "\e9d8";
position: absolute;
left: 0;
top: 0;
text-shadow: 0 0 5px #333;
}
&::marker {
content: "\e9d7";
color: #111;
}
}
}

View File

@ -7,3 +7,5 @@
@import "dfc.less";
@import "sizes.less";
@import "duo.less";
@import "colors.less";
@import "extras.less";

View File

@ -6,3 +6,11 @@
.@{ms-prefix}-4x { font-size: 3.0em; }
.@{ms-prefix}-5x { font-size: 3.75em; }
.@{ms-prefix}-6x { font-size: 4.5em; }
/*
* Fixed width */
.@{ms-prefix}-fw {
width: 1em;
text-align: center;
}

View File

@ -1,10 +1,25 @@
// base variables
@ms-font-path: '../fonts';
@ms-version: '1.9.1';
@ms-version: '1.16.0';
@ms-font-size-base: 14px;
@ms-prefix: ms;
@ms-serif-font: MPlantin, Garamond, Palatino, 'Times New Roman', Times, serif;
// colors
// mana colors
@ms-border-black: #010101;
@ms-base-colorless: #beb9b2;
@ms-base-white: #f0f2c0;
@ms-base-blue: #b5cde3;
@ms-base-black: #aca29a;
@ms-base-red: #db8664;
@ms-base-green: #93b483;
@ms-white: #fff;
@ms-blue: #3b6ba0;
@ms-black: #383431;
@ms-red: #c6553e;
@ms-green: #3d684b;
// project colors
@ms-multicolor-flat: #cca753;
@ms-multicolor-grad: linear-gradient(45deg, #cca54f 0%, #e0d3bb 50%, #cca54f 100%);
@ms-ability-grad: linear-gradient(0deg, #c8913b 0%, #ecc65a 100%);

487
package-lock.json generated Normal file
View File

@ -0,0 +1,487 @@
{
"name": "mana-font",
"version": "1.16.0",
"lockfileVersion": 3,
"requires": true,
"packages": {
"": {
"name": "mana-font",
"version": "1.16.0",
"license": "MIT",
"devDependencies": {
"sass": "^1.80.4"
}
},
"node_modules/@parcel/watcher": {
"version": "2.4.1",
"resolved": "https://registry.npmjs.org/@parcel/watcher/-/watcher-2.4.1.tgz",
"integrity": "sha512-HNjmfLQEVRZmHRET336f20H/8kOozUGwk7yajvsonjNxbj2wBTK1WsQuHkD5yYh9RxFGL2EyDHryOihOwUoKDA==",
"dev": true,
"license": "MIT",
"dependencies": {
"detect-libc": "^1.0.3",
"is-glob": "^4.0.3",
"micromatch": "^4.0.5",
"node-addon-api": "^7.0.0"
},
"engines": {
"node": ">= 10.0.0"
},
"funding": {
"type": "opencollective",
"url": "https://opencollective.com/parcel"
},
"optionalDependencies": {
"@parcel/watcher-android-arm64": "2.4.1",
"@parcel/watcher-darwin-arm64": "2.4.1",
"@parcel/watcher-darwin-x64": "2.4.1",
"@parcel/watcher-freebsd-x64": "2.4.1",
"@parcel/watcher-linux-arm-glibc": "2.4.1",
"@parcel/watcher-linux-arm64-glibc": "2.4.1",
"@parcel/watcher-linux-arm64-musl": "2.4.1",
"@parcel/watcher-linux-x64-glibc": "2.4.1",
"@parcel/watcher-linux-x64-musl": "2.4.1",
"@parcel/watcher-win32-arm64": "2.4.1",
"@parcel/watcher-win32-ia32": "2.4.1",
"@parcel/watcher-win32-x64": "2.4.1"
}
},
"node_modules/@parcel/watcher-android-arm64": {
"version": "2.4.1",
"resolved": "https://registry.npmjs.org/@parcel/watcher-android-arm64/-/watcher-android-arm64-2.4.1.tgz",
"integrity": "sha512-LOi/WTbbh3aTn2RYddrO8pnapixAziFl6SMxHM69r3tvdSm94JtCenaKgk1GRg5FJ5wpMCpHeW+7yqPlvZv7kg==",
"cpu": [
"arm64"
],
"dev": true,
"license": "MIT",
"optional": true,
"os": [
"android"
],
"engines": {
"node": ">= 10.0.0"
},
"funding": {
"type": "opencollective",
"url": "https://opencollective.com/parcel"
}
},
"node_modules/@parcel/watcher-darwin-arm64": {
"version": "2.4.1",
"resolved": "https://registry.npmjs.org/@parcel/watcher-darwin-arm64/-/watcher-darwin-arm64-2.4.1.tgz",
"integrity": "sha512-ln41eihm5YXIY043vBrrHfn94SIBlqOWmoROhsMVTSXGh0QahKGy77tfEywQ7v3NywyxBBkGIfrWRHm0hsKtzA==",
"cpu": [
"arm64"
],
"dev": true,
"license": "MIT",
"optional": true,
"os": [
"darwin"
],
"engines": {
"node": ">= 10.0.0"
},
"funding": {
"type": "opencollective",
"url": "https://opencollective.com/parcel"
}
},
"node_modules/@parcel/watcher-darwin-x64": {
"version": "2.4.1",
"resolved": "https://registry.npmjs.org/@parcel/watcher-darwin-x64/-/watcher-darwin-x64-2.4.1.tgz",
"integrity": "sha512-yrw81BRLjjtHyDu7J61oPuSoeYWR3lDElcPGJyOvIXmor6DEo7/G2u1o7I38cwlcoBHQFULqF6nesIX3tsEXMg==",
"cpu": [
"x64"
],
"dev": true,
"license": "MIT",
"optional": true,
"os": [
"darwin"
],
"engines": {
"node": ">= 10.0.0"
},
"funding": {
"type": "opencollective",
"url": "https://opencollective.com/parcel"
}
},
"node_modules/@parcel/watcher-freebsd-x64": {
"version": "2.4.1",
"resolved": "https://registry.npmjs.org/@parcel/watcher-freebsd-x64/-/watcher-freebsd-x64-2.4.1.tgz",
"integrity": "sha512-TJa3Pex/gX3CWIx/Co8k+ykNdDCLx+TuZj3f3h7eOjgpdKM+Mnix37RYsYU4LHhiYJz3DK5nFCCra81p6g050w==",
"cpu": [
"x64"
],
"dev": true,
"license": "MIT",
"optional": true,
"os": [
"freebsd"
],
"engines": {
"node": ">= 10.0.0"
},
"funding": {
"type": "opencollective",
"url": "https://opencollective.com/parcel"
}
},
"node_modules/@parcel/watcher-linux-arm-glibc": {
"version": "2.4.1",
"resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm-glibc/-/watcher-linux-arm-glibc-2.4.1.tgz",
"integrity": "sha512-4rVYDlsMEYfa537BRXxJ5UF4ddNwnr2/1O4MHM5PjI9cvV2qymvhwZSFgXqbS8YoTk5i/JR0L0JDs69BUn45YA==",
"cpu": [
"arm"
],
"dev": true,
"license": "MIT",
"optional": true,
"os": [
"linux"
],
"engines": {
"node": ">= 10.0.0"
},
"funding": {
"type": "opencollective",
"url": "https://opencollective.com/parcel"
}
},
"node_modules/@parcel/watcher-linux-arm64-glibc": {
"version": "2.4.1",
"resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm64-glibc/-/watcher-linux-arm64-glibc-2.4.1.tgz",
"integrity": "sha512-BJ7mH985OADVLpbrzCLgrJ3TOpiZggE9FMblfO65PlOCdG++xJpKUJ0Aol74ZUIYfb8WsRlUdgrZxKkz3zXWYA==",
"cpu": [
"arm64"
],
"dev": true,
"license": "MIT",
"optional": true,
"os": [
"linux"
],
"engines": {
"node": ">= 10.0.0"
},
"funding": {
"type": "opencollective",
"url": "https://opencollective.com/parcel"
}
},
"node_modules/@parcel/watcher-linux-arm64-musl": {
"version": "2.4.1",
"resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm64-musl/-/watcher-linux-arm64-musl-2.4.1.tgz",
"integrity": "sha512-p4Xb7JGq3MLgAfYhslU2SjoV9G0kI0Xry0kuxeG/41UfpjHGOhv7UoUDAz/jb1u2elbhazy4rRBL8PegPJFBhA==",
"cpu": [
"arm64"
],
"dev": true,
"license": "MIT",
"optional": true,
"os": [
"linux"
],
"engines": {
"node": ">= 10.0.0"
},
"funding": {
"type": "opencollective",
"url": "https://opencollective.com/parcel"
}
},
"node_modules/@parcel/watcher-linux-x64-glibc": {
"version": "2.4.1",
"resolved": "https://registry.npmjs.org/@parcel/watcher-linux-x64-glibc/-/watcher-linux-x64-glibc-2.4.1.tgz",
"integrity": "sha512-s9O3fByZ/2pyYDPoLM6zt92yu6P4E39a03zvO0qCHOTjxmt3GHRMLuRZEWhWLASTMSrrnVNWdVI/+pUElJBBBg==",
"cpu": [
"x64"
],
"dev": true,
"license": "MIT",
"optional": true,
"os": [
"linux"
],
"engines": {
"node": ">= 10.0.0"
},
"funding": {
"type": "opencollective",
"url": "https://opencollective.com/parcel"
}
},
"node_modules/@parcel/watcher-linux-x64-musl": {
"version": "2.4.1",
"resolved": "https://registry.npmjs.org/@parcel/watcher-linux-x64-musl/-/watcher-linux-x64-musl-2.4.1.tgz",
"integrity": "sha512-L2nZTYR1myLNST0O632g0Dx9LyMNHrn6TOt76sYxWLdff3cB22/GZX2UPtJnaqQPdCRoszoY5rcOj4oMTtp5fQ==",
"cpu": [
"x64"
],
"dev": true,
"license": "MIT",
"optional": true,
"os": [
"linux"
],
"engines": {
"node": ">= 10.0.0"
},
"funding": {
"type": "opencollective",
"url": "https://opencollective.com/parcel"
}
},
"node_modules/@parcel/watcher-win32-arm64": {
"version": "2.4.1",
"resolved": "https://registry.npmjs.org/@parcel/watcher-win32-arm64/-/watcher-win32-arm64-2.4.1.tgz",
"integrity": "sha512-Uq2BPp5GWhrq/lcuItCHoqxjULU1QYEcyjSO5jqqOK8RNFDBQnenMMx4gAl3v8GiWa59E9+uDM7yZ6LxwUIfRg==",
"cpu": [
"arm64"
],
"dev": true,
"license": "MIT",
"optional": true,
"os": [
"win32"
],
"engines": {
"node": ">= 10.0.0"
},
"funding": {
"type": "opencollective",
"url": "https://opencollective.com/parcel"
}
},
"node_modules/@parcel/watcher-win32-ia32": {
"version": "2.4.1",
"resolved": "https://registry.npmjs.org/@parcel/watcher-win32-ia32/-/watcher-win32-ia32-2.4.1.tgz",
"integrity": "sha512-maNRit5QQV2kgHFSYwftmPBxiuK5u4DXjbXx7q6eKjq5dsLXZ4FJiVvlcw35QXzk0KrUecJmuVFbj4uV9oYrcw==",
"cpu": [
"ia32"
],
"dev": true,
"license": "MIT",
"optional": true,
"os": [
"win32"
],
"engines": {
"node": ">= 10.0.0"
},
"funding": {
"type": "opencollective",
"url": "https://opencollective.com/parcel"
}
},
"node_modules/@parcel/watcher-win32-x64": {
"version": "2.4.1",
"resolved": "https://registry.npmjs.org/@parcel/watcher-win32-x64/-/watcher-win32-x64-2.4.1.tgz",
"integrity": "sha512-+DvS92F9ezicfswqrvIRM2njcYJbd5mb9CUgtrHCHmvn7pPPa+nMDRu1o1bYYz/l5IB2NVGNJWiH7h1E58IF2A==",
"cpu": [
"x64"
],
"dev": true,
"license": "MIT",
"optional": true,
"os": [
"win32"
],
"engines": {
"node": ">= 10.0.0"
},
"funding": {
"type": "opencollective",
"url": "https://opencollective.com/parcel"
}
},
"node_modules/braces": {
"version": "3.0.3",
"resolved": "https://registry.npmjs.org/braces/-/braces-3.0.3.tgz",
"integrity": "sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==",
"dev": true,
"license": "MIT",
"dependencies": {
"fill-range": "^7.1.1"
},
"engines": {
"node": ">=8"
}
},
"node_modules/chokidar": {
"version": "4.0.1",
"resolved": "https://registry.npmjs.org/chokidar/-/chokidar-4.0.1.tgz",
"integrity": "sha512-n8enUVCED/KVRQlab1hr3MVpcVMvxtZjmEa956u+4YijlmQED223XMSYj2tLuKvr4jcCTzNNMpQDUer72MMmzA==",
"dev": true,
"license": "MIT",
"dependencies": {
"readdirp": "^4.0.1"
},
"engines": {
"node": ">= 14.16.0"
},
"funding": {
"url": "https://paulmillr.com/funding/"
}
},
"node_modules/detect-libc": {
"version": "1.0.3",
"resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-1.0.3.tgz",
"integrity": "sha512-pGjwhsmsp4kL2RTz08wcOlGN83otlqHeD/Z5T8GXZB+/YcpQ/dgo+lbU8ZsGxV0HIvqqxo9l7mqYwyYMD9bKDg==",
"dev": true,
"license": "Apache-2.0",
"bin": {
"detect-libc": "bin/detect-libc.js"
},
"engines": {
"node": ">=0.10"
}
},
"node_modules/fill-range": {
"version": "7.1.1",
"resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.1.1.tgz",
"integrity": "sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==",
"dev": true,
"license": "MIT",
"dependencies": {
"to-regex-range": "^5.0.1"
},
"engines": {
"node": ">=8"
}
},
"node_modules/immutable": {
"version": "4.3.7",
"resolved": "https://registry.npmjs.org/immutable/-/immutable-4.3.7.tgz",
"integrity": "sha512-1hqclzwYwjRDFLjcFxOM5AYkkG0rpFPpr1RLPMEuGczoS7YA8gLhy8SWXYRAA/XwfEHpfo3cw5JGioS32fnMRw==",
"dev": true,
"license": "MIT"
},
"node_modules/is-extglob": {
"version": "2.1.1",
"resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
"integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==",
"dev": true,
"license": "MIT",
"engines": {
"node": ">=0.10.0"
}
},
"node_modules/is-glob": {
"version": "4.0.3",
"resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
"integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
"dev": true,
"license": "MIT",
"dependencies": {
"is-extglob": "^2.1.1"
},
"engines": {
"node": ">=0.10.0"
}
},
"node_modules/is-number": {
"version": "7.0.0",
"resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
"integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
"dev": true,
"license": "MIT",
"engines": {
"node": ">=0.12.0"
}
},
"node_modules/micromatch": {
"version": "4.0.8",
"resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.8.tgz",
"integrity": "sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==",
"dev": true,
"license": "MIT",
"dependencies": {
"braces": "^3.0.3",
"picomatch": "^2.3.1"
},
"engines": {
"node": ">=8.6"
}
},
"node_modules/node-addon-api": {
"version": "7.1.1",
"resolved": "https://registry.npmjs.org/node-addon-api/-/node-addon-api-7.1.1.tgz",
"integrity": "sha512-5m3bsyrjFWE1xf7nz7YXdN4udnVtXK6/Yfgn5qnahL6bCkf2yKt4k3nuTKAtT4r3IG8JNR2ncsIMdZuAzJjHQQ==",
"dev": true,
"license": "MIT"
},
"node_modules/picomatch": {
"version": "2.3.1",
"resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
"integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
"dev": true,
"license": "MIT",
"engines": {
"node": ">=8.6"
},
"funding": {
"url": "https://github.com/sponsors/jonschlinkert"
}
},
"node_modules/readdirp": {
"version": "4.0.2",
"resolved": "https://registry.npmjs.org/readdirp/-/readdirp-4.0.2.tgz",
"integrity": "sha512-yDMz9g+VaZkqBYS/ozoBJwaBhTbZo3UNYQHNRw1D3UFQB8oHB4uS/tAODO+ZLjGWmUbKnIlOWO+aaIiAxrUWHA==",
"dev": true,
"license": "MIT",
"engines": {
"node": ">= 14.16.0"
},
"funding": {
"type": "individual",
"url": "https://paulmillr.com/funding/"
}
},
"node_modules/sass": {
"version": "1.80.4",
"resolved": "https://registry.npmjs.org/sass/-/sass-1.80.4.tgz",
"integrity": "sha512-rhMQ2tSF5CsuuspvC94nPM9rToiAFw2h3JTrLlgmNw1MH79v8Cr3DH6KF6o6r+8oofY3iYVPUf66KzC8yuVN1w==",
"dev": true,
"license": "MIT",
"dependencies": {
"@parcel/watcher": "^2.4.1",
"chokidar": "^4.0.0",
"immutable": "^4.0.0",
"source-map-js": ">=0.6.2 <2.0.0"
},
"bin": {
"sass": "sass.js"
},
"engines": {
"node": ">=14.0.0"
}
},
"node_modules/source-map-js": {
"version": "1.2.1",
"resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.1.tgz",
"integrity": "sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==",
"dev": true,
"license": "BSD-3-Clause",
"engines": {
"node": ">=0.10.0"
}
},
"node_modules/to-regex-range": {
"version": "5.0.1",
"resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
"integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
"dev": true,
"license": "MIT",
"dependencies": {
"is-number": "^7.0.0"
},
"engines": {
"node": ">=8.0"
}
}
}
}

View File

@ -1,6 +1,6 @@
{
"name": "mana-font",
"version": "1.9.1",
"version": "1.16.1",
"description": "Magic: the Gathering mana symbol pictographic font",
"main": "css/mana.css",
"repository": {
@ -20,12 +20,17 @@
"less": "lessc less/mana.less css/mana.css",
"lessmin": "lessc --clean-css less/mana.less css/mana.min.css",
"sass": "sass sass/mana.scss css/mana.css --style=expanded",
"sassmin": "sass sass/mana.scss css/mana.css --style compressed"
"sassmin": "sass sass/mana.scss css/mana.min.css --style compressed",
"rename": "for f in `find fonts/*`; do mv -v \"$f\" \"`echo $f | tr '[A-Z]' '[a-z]'`\"; done",
"build": "rsync -avzh ./fonts/mana* ./docs/fonts/ && npm run -s sass && npm run -s sassmin && rsync -avzh css/mana.min* ./docs/assets/"
},
"author": "Andrew Gioia <andrew@gioia.email>",
"license": "MIT",
"bugs": {
"url": "https://github.com/andrewgioia/mana/issues"
},
"homepage": "https://mana.andrewgioia.com"
"homepage": "https://mana.andrewgioia.com",
"devDependencies": {
"sass": "^1.80.4"
}
}

296
sass/_aliases.scss Normal file
View File

@ -0,0 +1,296 @@
@use "variables";
@use "colors";
@use "icons";
// color indicator convenience classes
.#{variables.$ms-prefix}-ci {
// 4 color
&-ubgr,
&-ugbr,
&-ugrb,
&-urbg,
&-urgb,
&-bgru,
&-bgur,
&-brgu,
&-brug,
&-bugr,
&-burg,
&-gbru,
&-gbur,
&-grbu,
&-grub,
&-gubr,
&-gurb,
&-rbgu,
&-rbug,
&-rgbu,
&-rgub,
&-rubg,
&-rugb {
@extend .#{variables.$ms-prefix}-ci-ubrg;
}
&-bgrw,
&-bgwr,
&-brwg,
&-bwgr,
&-bwrg,
&-gbrw,
&-gbwr,
&-grbw,
&-grwb,
&-gwbr,
&-gwrb,
&-rbgw,
&-rbwg,
&-rgbw,
&-rgwb,
&-rwbg,
&-rwgb,
&-wbgr,
&-wbrg,
&-wgbr,
&-wgrb,
&-wrbg,
&-wrgb {
@extend .#{variables.$ms-prefix}-ci-brgw;
}
&-gruw,
&-grwu,
&-gurw,
&-guwr,
&-gwru,
&-gwur,
&-rguw,
&-rugw,
&-ruwg,
&-rwgu,
&-rwug,
&-ugrw,
&-ugwr,
&-urgw,
&-urwg,
&-uwgr,
&-uwrg,
&-wgru,
&-wgur,
&-wrgu,
&-wrug,
&-wugr,
&-wurg {
@extend .#{variables.$ms-prefix}-ci-rgwu;
}
&-bguw,
&-bgwu,
&-bugw,
&-buwg,
&-bwgu,
&-bwug,
&-gbuw,
&-gbwu,
&-gubw,
&-guwb,
&-gwbu,
&-ubgw,
&-ubwg,
&-ugbw,
&-ugwb,
&-uwbg,
&-uwgb,
&-wbgu,
&-wbug,
&-wgbu,
&-wgub,
&-wubg,
&-wugb {
@extend .#{variables.$ms-prefix}-ci-gwub;
}
&-bruw,
&-brwu,
&-burw,
&-buwr,
&-bwru,
&-bwur,
&-rbuw,
&-rbwu,
&-rubw,
&-ruwb,
&-rwbu,
&-rwub,
&-ubrw,
&-ubwr,
&-urbw,
&-urwb,
&-uwbr,
&-uwrb,
&-wbru,
&-wbur,
&-wrbu,
&-wrub,
&-wurb {
@extend .#{variables.$ms-prefix}-ci-wubr;
}
// 5 color
&-bgruw,
&-bgrwu,
&-bgurw,
&-bguwr,
&-bgwru,
&-bgwur,
&-brguw,
&-brgwu,
&-brugw,
&-bruwg,
&-brwgu,
&-brwug,
&-bugrw,
&-bugwr,
&-burgw,
&-burwg,
&-buwgr,
&-buwrg,
&-bwgru,
&-bwgur,
&-bwrgu,
&-bwrug,
&-bwugr,
&-bwurg,
&-gbruw,
&-gbrwu,
&-gburw,
&-gbuwr,
&-gbwru,
&-gbwur,
&-grbuw,
&-grbwu,
&-grubw,
&-gruwb,
&-grwbu,
&-grwub,
&-gubrw,
&-gubwr,
&-gurbw,
&-gurwb,
&-guwbr,
&-guwrb,
&-gwbru,
&-gwbur,
&-gwrbu,
&-gwrub,
&-gwubr,
&-gwurb,
&-rbguw,
&-rbgwu,
&-rbugw,
&-rbuwg,
&-rbwgu,
&-rbwug,
&-rgbuw,
&-rgbwu,
&-rgubw,
&-rguwb,
&-rgwbu,
&-rgwub,
&-rubgw,
&-rubwg {
@extend .#{variables.$ms-prefix}-ci-wubrg;
}
// breaking this up, editor was showing a warning with so many in a row
&-rugbw,
&-rugwb,
&-ruwbg,
&-ruwgb,
&-rwbgu,
&-rwbug,
&-rwgbu,
&-rwgub,
&-rwubg,
&-rwugb,
&-ubgrw,
&-ubgwr,
&-ubrgw,
&-ubrwg,
&-ubwgr,
&-ubwrg,
&-ugbrw,
&-ugbwr,
&-ugrbw,
&-ugrwb,
&-ugwbr,
&-ugwrb,
&-urbgw,
&-urbwg,
&-urgbw,
&-urgwb,
&-urwbg,
&-urwgb,
&-uwbgr,
&-uwbrg,
&-uwgbr,
&-uwgrb,
&-uwrbg,
&-uwrgb,
&-wbgru,
&-wbgur,
&-wbrgu,
&-wbrug,
&-wbugr,
&-wburg,
&-wgbru,
&-wgbur,
&-wgrbu,
&-wgrub,
&-wgubr,
&-wgurb,
&-wrbgu,
&-wrbug,
&-wrgbu,
&-wrgub,
&-wrubg,
&-wrugb,
&-wubgr,
&-wugbr,
&-wugrb,
&-wurbg,
&-wurgb {
@extend .#{variables.$ms-prefix}-ci-wubrg;
}
}
// watermark aliases
.#{variables.$ms-prefix}-watermark {
&-abzan { @extend .#{variables.$ms-prefix}-clan-abzan; }
&-atarka { @extend .#{variables.$ms-prefix}-clan-atarka; }
&-azorius { @extend .#{variables.$ms-prefix}-guild-azorius; }
&-boros { @extend .#{variables.$ms-prefix}-guild-boros; }
&-dimir { @extend .#{variables.$ms-prefix}-guild-dimir; }
&-dromoka { @extend .#{variables.$ms-prefix}-clan-dromoka; }
&-foretell { @extend .#{variables.$ms-prefix}-ability-foretell; }
&-golgari { @extend .#{variables.$ms-prefix}-guild-golgari; }
&-gruul { @extend .#{variables.$ms-prefix}-guild-gruul; }
&-izzet { @extend .#{variables.$ms-prefix}-guild-izzet; }
&-jeskai { @extend .#{variables.$ms-prefix}-clan-jeskai; }
&-kolaghan { @extend .#{variables.$ms-prefix}-clan-kolaghan; }
&-lorehold { @extend .#{variables.$ms-prefix}-school-lorehold; }
&-mardu { @extend .#{variables.$ms-prefix}-clan-mardu; }
&-ojutai { @extend .#{variables.$ms-prefix}-clan-ojutai; }
&-orzhov { @extend .#{variables.$ms-prefix}-guild-orzhov; }
&-phyrexian { @extend .#{variables.$ms-prefix}-p; }
&-planeswalker { @extend .#{variables.$ms-prefix}-planeswalker; }
&-prismari { @extend .#{variables.$ms-prefix}-school-prismari; }
&-quandrix { @extend .#{variables.$ms-prefix}-school-quandrix; }
&-rakdos { @extend .#{variables.$ms-prefix}-guild-rakdos; }
&-selesnya { @extend .#{variables.$ms-prefix}-guild-selesnya; }
&-silumgar { @extend .#{variables.$ms-prefix}-clan-silumgar; }
&-silverquill { @extend .#{variables.$ms-prefix}-school-silverquill; }
&-simic { @extend .#{variables.$ms-prefix}-guild-simic; }
&-sultai { @extend .#{variables.$ms-prefix}-clan-sultai; }
&-temur { @extend .#{variables.$ms-prefix}-clan-temur; }
&-witherbloom { @extend .#{variables.$ms-prefix}-school-witherbloom; }
}

337
sass/_colors.scss Normal file
View File

@ -0,0 +1,337 @@
@use "variables";
// color indicator circles
.#{variables.$ms-prefix}-ci {
// base styles
border-radius: 100%;
box-shadow: inset 0 0 1px #fff; // to remove spill over
line-height: 0.95em; // shifts the border up a touch
width: 1em;
height: 1em;
// set the border color
&::before { color: variables.$ms-border-black; }
// borders based on number of colors in identity
&-1::before { content: "\e98a"; }
&-2::before { content: "\e98b"; }
&-3::before { content: "\e98c"; }
&-4::before { content: "\e98d"; }
&-5::before { content: "\e98e"; }
// 1 color backgrounds
&-w { background: variables.$ms-white; }
&-u { background: variables.$ms-blue; }
&-b { background: variables.$ms-black; }
&-r { background: variables.$ms-red; }
&-g { background: variables.$ms-green; }
// 2 color backgrounds
&-wu,
&-uw,
&-azorius {
background: conic-gradient(
variables.$ms-white 45deg,
variables.$ms-blue 45deg 225deg,
variables.$ms-white 225deg
);
}
&-wb,
&-bw,
&-orzhov {
background: conic-gradient(
variables.$ms-white 45deg,
variables.$ms-black 45deg 225deg,
variables.$ms-white 225deg
);
}
&-ub,
&-bu,
&-dimir {
background: conic-gradient(
variables.$ms-blue 45deg,
variables.$ms-black 45deg 225deg,
variables.$ms-blue 225deg
);
}
&-ur,
&-ru,
&-izzet {
background: conic-gradient(
variables.$ms-blue 45deg,
variables.$ms-red 45deg 225deg,
variables.$ms-blue 225deg
);
}
&-bg,
&-gb,
&-golgari,
&-rock {
background: conic-gradient(
variables.$ms-black 45deg,
variables.$ms-green 45deg 225deg,
variables.$ms-black 225deg
);
}
&-br,
&-rb,
&-rakdos {
background: conic-gradient(
variables.$ms-black 45deg,
variables.$ms-red 45deg 225deg,
variables.$ms-black 225deg
);
}
&-rw,
&-wr,
&-boros {
background: conic-gradient(
variables.$ms-red 45deg,
variables.$ms-white 45deg 225deg,
variables.$ms-red 225deg
);
}
&-rg,
&-gr,
&-gruul {
background: conic-gradient(
variables.$ms-red 45deg,
variables.$ms-green 45deg 225deg,
variables.$ms-red 225deg
);
}
&-gu,
&-ug,
&-simic {
background: conic-gradient(
variables.$ms-green 45deg,
variables.$ms-blue 45deg 225deg,
variables.$ms-green 225deg
);
}
&-gw,
&-wg,
&-selesnya {
background: conic-gradient(
variables.$ms-green 45deg,
variables.$ms-white 45deg 225deg,
variables.$ms-green 225deg
);
}
// 3-color backgrounds
&-wug,
&-wgu,
&-ugw,
&-uwg,
&-gwu,
&-guw,
&-bant {
background: conic-gradient(
variables.$ms-blue 60deg,
variables.$ms-green 60deg 180deg,
variables.$ms-white 180deg 300deg,
variables.$ms-blue 300deg
);
}
&-ubw,
&-uwb,
&-buw,
&-bwu,
&-wub,
&-wbu,
&-esper {
background: conic-gradient(
variables.$ms-black 60deg,
variables.$ms-white 60deg 180deg,
variables.$ms-blue 180deg 300deg,
variables.$ms-black 300deg
);
}
&-bru,
&-bur,
&-rbu,
&-rub,
&-ubr,
&-urb,
&-grixis {
background: conic-gradient(
variables.$ms-red 60deg,
variables.$ms-blue 60deg 180deg,
variables.$ms-black 180deg 300deg,
variables.$ms-red 300deg
);
}
&-rgb,
&-rbg,
&-grb,
&-gbr,
&-brg,
&-bgr,
&-jund {
background: conic-gradient(
variables.$ms-green 60deg,
variables.$ms-black 60deg 180deg,
variables.$ms-red 180deg 300deg,
variables.$ms-green 300deg
);
}
&-gwr,
&-grw,
&-wgr,
&-wrg,
&-rgw,
&-rwg,
&-naya {
background: conic-gradient(
variables.$ms-white 60deg,
variables.$ms-red 60deg 180deg,
variables.$ms-green 180deg 300deg,
variables.$ms-white 300deg
);
}
&-wbg,
&-wgb,
&-bwg,
&-bgw,
&-gwb,
&-gbw,
&-abzan,
&-junk,
&-necra {
background: conic-gradient(
variables.$ms-black 60deg,
variables.$ms-green 60deg 180deg,
variables.$ms-white 180deg 300deg,
variables.$ms-black 300deg
);
}
&-urw,
&-uwr,
&-ruw,
&-rwu,
&-wur,
&-wru,
&-jeskai,
&-raka {
background: conic-gradient(
variables.$ms-red 60deg,
variables.$ms-white 60deg 180deg,
variables.$ms-blue 180deg 300deg,
variables.$ms-red 300deg
);
}
&-bgu,
&-bug,
&-gbu,
&-gub,
&-ubg,
&-ugb,
&-sultai,
&-bug,
&-ana {
background: conic-gradient(
variables.$ms-green 60deg,
variables.$ms-blue 60deg 180deg,
variables.$ms-black 180deg 300deg,
variables.$ms-green 300deg
);
}
&-rwb,
&-rbw,
&-wrb,
&-wbr,
&-brw,
&-bwr,
&-mardu,
&-dega {
background: conic-gradient(
variables.$ms-white 60deg,
variables.$ms-black 60deg 180deg,
variables.$ms-red 180deg 300deg,
variables.$ms-white 300deg
);
}
&-gur,
&-gru,
&-ugr,
&-urg,
&-rgu,
&-rug,
&-temur,
&-ceta {
background: conic-gradient(
variables.$ms-blue 60deg,
variables.$ms-red 60deg 180deg,
variables.$ms-green 180deg 300deg,
variables.$ms-blue 300deg
);
}
// 4 color backgrounds
&-ubrg,
&-glint {
background: conic-gradient(
variables.$ms-blue 45deg,
variables.$ms-black 45deg 135deg,
variables.$ms-red 135deg 225deg,
variables.$ms-green 225deg 315deg,
variables.$ms-blue 315deg
);
}
&-brgw,
&-dune {
background: conic-gradient(
variables.$ms-black 45deg,
variables.$ms-red 45deg 135deg,
variables.$ms-green 135deg 225deg,
variables.$ms-white 225deg 315deg,
variables.$ms-black 315deg
);
}
&-rgwu,
&-ink {
background: conic-gradient(
variables.$ms-red 45deg,
variables.$ms-green 45deg 135deg,
variables.$ms-white 135deg 225deg,
variables.$ms-blue 225deg 315deg,
variables.$ms-red 315deg
);
}
&-gwub,
&-witch {
background: conic-gradient(
variables.$ms-green 45deg,
variables.$ms-white 45deg 135deg,
variables.$ms-blue 135deg 225deg,
variables.$ms-black 225deg 315deg,
variables.$ms-green 315deg
);
}
&-wubr,
&-yore {
background: conic-gradient(
variables.$ms-white 45deg,
variables.$ms-blue 45deg 135deg,
variables.$ms-black 135deg 225deg,
variables.$ms-red 225deg 315deg,
variables.$ms-white 315deg
);
}
// 5 color background
&-wubrg,
&-5 {
background: conic-gradient(
variables.$ms-white 36deg,
variables.$ms-blue 36deg 108deg,
variables.$ms-black 108deg 180deg,
variables.$ms-red 180deg 252deg,
variables.$ms-green 252deg 324deg,
variables.$ms-white 324deg
);
}
}

View File

@ -1,8 +1,10 @@
@use "variables";
// base
.#{$ms-prefix} {
.#{variables.$ms-prefix} {
display: inline-block;
font: normal normal normal $ms-font-size-base/1 Mana;
font: normal normal normal variables.$ms-font-size-base Mana;
font-size: inherit;
line-height: 1em;
text-rendering: auto;

View File

@ -1,8 +1,10 @@
@use "variables";
// costs
.#{$ms-prefix}-cost {
.#{variables.$ms-prefix}-cost {
background-color: #BEB9B2;
background-color: variables.$ms-base-colorless;
border-radius: 1em;
color: #111;
font-size: 0.95em;
@ -12,43 +14,53 @@
text-align: center;
// single costs
&.#{$ms-prefix}-w,
&.#{$ms-prefix}-wp {
background-color: #F0F2C0;
&.#{variables.$ms-prefix}-w,
&.#{variables.$ms-prefix}-wp {
background-color: variables.$ms-base-white;
}
&.#{$ms-prefix}-u,
&.#{$ms-prefix}-up {
background-color: #B5CDE3;
&.#{variables.$ms-prefix}-u,
&.#{variables.$ms-prefix}-up {
background-color: variables.$ms-base-blue;
}
&.#{$ms-prefix}-b,
&.#{$ms-prefix}-bp {
background-color: #ACA29A;
&.#{variables.$ms-prefix}-b,
&.#{variables.$ms-prefix}-bp {
background-color: variables.$ms-base-black;
}
&.#{$ms-prefix}-r,
&.#{$ms-prefix}-rp {
background-color: #DB8664;
&.#{variables.$ms-prefix}-r,
&.#{variables.$ms-prefix}-rp {
background-color: variables.$ms-base-red;
}
&.#{$ms-prefix}-g,
&.#{$ms-prefix}-gp {
background-color: #93B483;
&.#{variables.$ms-prefix}-g,
&.#{variables.$ms-prefix}-gp {
background-color: variables.$ms-base-green;
}
// split costs
&.#{$ms-prefix}-wu,
&.#{$ms-prefix}-wb,
&.#{$ms-prefix}-ub,
&.#{$ms-prefix}-ur,
&.#{$ms-prefix}-br,
&.#{$ms-prefix}-bg,
&.#{$ms-prefix}-rw,
&.#{$ms-prefix}-rg,
&.#{$ms-prefix}-gw,
&.#{$ms-prefix}-gu,
&.#{$ms-prefix}-2w,
&.#{$ms-prefix}-2u,
&.#{$ms-prefix}-2b,
&.#{$ms-prefix}-2r,
&.#{$ms-prefix}-2g {
&.#{variables.$ms-prefix}-wu,
&.#{variables.$ms-prefix}-wb,
&.#{variables.$ms-prefix}-ub,
&.#{variables.$ms-prefix}-ur,
&.#{variables.$ms-prefix}-br,
&.#{variables.$ms-prefix}-bg,
&.#{variables.$ms-prefix}-rw,
&.#{variables.$ms-prefix}-rg,
&.#{variables.$ms-prefix}-gw,
&.#{variables.$ms-prefix}-gu,
&.#{variables.$ms-prefix}-2w,
&.#{variables.$ms-prefix}-2u,
&.#{variables.$ms-prefix}-2b,
&.#{variables.$ms-prefix}-2r,
&.#{variables.$ms-prefix}-2g,
&.#{variables.$ms-prefix}-wup,
&.#{variables.$ms-prefix}-wbp,
&.#{variables.$ms-prefix}-ubp,
&.#{variables.$ms-prefix}-urp,
&.#{variables.$ms-prefix}-brp,
&.#{variables.$ms-prefix}-bgp,
&.#{variables.$ms-prefix}-rwp,
&.#{variables.$ms-prefix}-rgp,
&.#{variables.$ms-prefix}-gwp,
&.#{variables.$ms-prefix}-gup {
position: relative;
width: 1.3em;
height: 1.3em;
@ -66,7 +78,8 @@
left: 1.0em;
}
}
&.#{$ms-prefix}-wu {
&.#{variables.$ms-prefix}-wu,
&.#{variables.$ms-prefix}-wup {
background: #edf2b0; // Old browsers
background: -moz-linear-gradient(-45deg, #edf2b0 0%, #edf2b0 50%, #a6c1dd 50%, #a6c1dd 100%); // FF3.6+
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#edf2b0), color-stop(50%,#edf2b0), color-stop(50%,#a6c1dd), color-stop(100%,#a6c1dd)); // Chrome,Safari4+
@ -76,7 +89,8 @@
background: linear-gradient(135deg, #edf2b0 0%,#edf2b0 50%,#a6c1dd 50%,#a6c1dd 100%); // W3C
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#edf2b0', endColorstr='#a6c1dd',GradientType=1 ); // IE6-9 fallback on horizontal gradient
}
&.#{$ms-prefix}-wb {
&.#{variables.$ms-prefix}-wb,
&.#{variables.$ms-prefix}-wbp {
background: #edf2b0; // Old browsers
background: -moz-linear-gradient(-45deg, #edf2b0 0%, #edf2b0 50%, #9c9188 50%, #9c9188 100%); // FF3.6+
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#edf2b0), color-stop(50%,#edf2b0), color-stop(50%,#9c9188), color-stop(100%,#9c9188)); // Chrome,Safari4+
@ -86,7 +100,8 @@
background: linear-gradient(135deg, #edf2b0 0%,#edf2b0 50%,#9c9188 50%,#9c9188 100%); // W3C
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#edf2b0', endColorstr='#9c9188',GradientType=1 ); // IE6-9 fallback on horizontal gradient
}
&.#{$ms-prefix}-ub {
&.#{variables.$ms-prefix}-ub,
&.#{variables.$ms-prefix}-ubp {
background: #a6c1dd; // Old browsers
background: -moz-linear-gradient(-45deg, #a6c1dd 0%, #a6c1dd 50%, #9c9188 50%, #9c9188 100%); // FF3.6+
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#a6c1dd), color-stop(50%,#a6c1dd), color-stop(50%,#9c9188), color-stop(100%,#9c9188)); // Chrome,Safari4+
@ -96,7 +111,8 @@
background: linear-gradient(135deg, #a6c1dd 0%,#a6c1dd 50%,#9c9188 50%,#9c9188 100%); // W3C
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6c1dd', endColorstr='#9c9188',GradientType=1 ); // IE6-9 fallback on horizontal gradient
}
&.#{$ms-prefix}-ur {
&.#{variables.$ms-prefix}-ur,
&.#{variables.$ms-prefix}-urp {
background: #a6c1dd; // Old browsers
background: -moz-linear-gradient(-45deg, #a6c1dd 0%, #a6c1dd 50%, #db8664 50%, #db8664 100%); // FF3.6+
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#a6c1dd), color-stop(50%,#a6c1dd), color-stop(50%,#db8664), color-stop(100%,#db8664)); // Chrome,Safari4+
@ -106,7 +122,8 @@
background: linear-gradient(135deg, #a6c1dd 0%,#a6c1dd 50%,#db8664 50%,#db8664 100%); // W3C
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6c1dd', endColorstr='#db8664',GradientType=1 ); // IE6-9 fallback on horizontal gradient
}
&.#{$ms-prefix}-br {
&.#{variables.$ms-prefix}-br,
&.#{variables.$ms-prefix}-brp {
background: #aca29a; // Old browsers
background: -moz-linear-gradient(-45deg, #aca29a 0%, #aca29a 50%, #db8664 50%, #db8664 100%); // FF3.6+
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#aca29a), color-stop(50%,#aca29a), color-stop(50%,#db8664), color-stop(100%,#db8664)); // Chrome,Safari4+
@ -116,7 +133,8 @@
background: linear-gradient(135deg, #aca29a 0%,#aca29a 50%,#db8664 50%,#db8664 100%); // W3C
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aca29a', endColorstr='#db8664',GradientType=1 ); // IE6-9 fallback on horizontal gradient
}
&.#{$ms-prefix}-bg {
&.#{variables.$ms-prefix}-bg,
&.#{variables.$ms-prefix}-bgp {
background: #aca29a; // Old browsers
background: -moz-linear-gradient(-45deg, #aca29a 0%, #aca29a 50%, #93b483 50%, #93b483 100%); // FF3.6+
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#aca29a), color-stop(50%,#aca29a), color-stop(50%,#93b483), color-stop(100%,#93b483)); // Chrome,Safari4+
@ -126,7 +144,8 @@
background: linear-gradient(135deg, #aca29a 0%,#aca29a 50%,#93b483 50%,#93b483 100%); // W3C
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aca29a', endColorstr='#93b483',GradientType=1 ); // IE6-9 fallback on horizontal gradient
}
&.#{$ms-prefix}-rw {
&.#{variables.$ms-prefix}-rw,
&.#{variables.$ms-prefix}-rwp {
background: #db8664; // Old browsers
background: -moz-linear-gradient(-45deg, #db8664 0%, #db8664 50%, #edf2b0 50%, #edf2b0 100%); // FF3.6+
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#db8664), color-stop(50%,#db8664), color-stop(50%,#edf2b0), color-stop(100%,#edf2b0)); // Chrome,Safari4+
@ -136,7 +155,8 @@
background: linear-gradient(135deg, #db8664 0%,#db8664 50%,#edf2b0 50%,#edf2b0 100%); // W3C
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#db8664', endColorstr='#edf2b0',GradientType=1 ); // IE6-9 fallback on horizontal gradient
}
&.#{$ms-prefix}-rg {
&.#{variables.$ms-prefix}-rg,
&.#{variables.$ms-prefix}-rgp {
background: #db8664; // Old browsers
background: -moz-linear-gradient(-45deg, #db8664 0%, #db8664 50%, #93b483 50%, #93b483 100%); // FF3.6+
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#db8664), color-stop(50%,#db8664), color-stop(50%,#93b483), color-stop(100%,#93b483)); // Chrome,Safari4+
@ -146,7 +166,8 @@
background: linear-gradient(135deg, #db8664 0%,#db8664 50%,#93b483 50%,#93b483 100%); // W3C
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#db8664', endColorstr='#93b483',GradientType=1 ); // IE6-9 fallback on horizontal gradient
}
&.#{$ms-prefix}-gw {
&.#{variables.$ms-prefix}-gw,
&.#{variables.$ms-prefix}-gwp {
background: #93b483; // Old browsers
background: -moz-linear-gradient(-45deg, #93b483 0%, #93b483 50%, #edf2b0 50%, #edf2b0 100%); // FF3.6+
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#93b483), color-stop(50%,#93b483), color-stop(50%,#edf2b0), color-stop(100%,#edf2b0)); // Chrome,Safari4+
@ -156,7 +177,8 @@
background: linear-gradient(135deg, #93b483 0%,#93b483 50%,#edf2b0 50%,#edf2b0 100%); // W3C
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#93b483', endColorstr='#edf2b0',GradientType=1 ); // IE6-9 fallback on horizontal gradient
}
&.#{$ms-prefix}-gu {
&.#{variables.$ms-prefix}-gu,
&.#{variables.$ms-prefix}-gup {
background: #93b483; // Old browsers
background: -moz-linear-gradient(-45deg, #93b483 0%, #93b483 50%, #b5cde3 50%, #b5cde3 100%); // FF3.6+
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#93b483), color-stop(50%,#93b483), color-stop(50%,#b5cde3), color-stop(100%,#b5cde3)); // Chrome,Safari4+
@ -166,7 +188,7 @@
background: linear-gradient(135deg, #93b483 0%,#93b483 50%,#b5cde3 50%,#b5cde3 100%); // W3C
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#93b483', endColorstr='#b5cde3',GradientType=1 ); // IE6-9 fallback on horizontal gradient
}
&.#{$ms-prefix}-2w {
&.#{variables.$ms-prefix}-2w {
background: #beb9b2; // Old browsers
background: -moz-linear-gradient(-45deg, #beb9b2 0%, #beb9b2 50%, #edf2b0 50%, #edf2b0 100%); // FF3.6+
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#beb9b2), color-stop(50%,#beb9b2), color-stop(50%,#edf2b0), color-stop(100%,#edf2b0)); // Chrome,Safari4+
@ -176,7 +198,7 @@
background: linear-gradient(135deg, #beb9b2 0%,#beb9b2 50%,#edf2b0 50%,#edf2b0 100%); // W3C
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#beb9b2', endColorstr='#edf2b0',GradientType=1 ); // IE6-9 fallback on horizontal gradient
}
&.#{$ms-prefix}-2u {
&.#{variables.$ms-prefix}-2u {
background: #beb9b2; // Old browsers
background: -moz-linear-gradient(-45deg, #beb9b2 0%, #beb9b2 50%, #b5cde3 50%, #b5cde3 100%); // FF3.6+
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#beb9b2), color-stop(50%,#beb9b2), color-stop(50%,#b5cde3), color-stop(100%,#b5cde3)); // Chrome,Safari4+
@ -186,7 +208,7 @@
background: linear-gradient(135deg, #beb9b2 0%,#beb9b2 50%,#b5cde3 50%,#b5cde3 100%); // W3C
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#beb9b2', endColorstr='#b5cde3',GradientType=1 ); // IE6-9 fallback on horizontal gradient
}
&.#{$ms-prefix}-2b {
&.#{variables.$ms-prefix}-2b {
background: #beb9b2; // Old browsers
background: -moz-linear-gradient(-45deg, #beb9b2 0%, #beb9b2 50%, #9c9188 50%, #9c9188 100%); // FF3.6+
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#beb9b2), color-stop(50%,#beb9b2), color-stop(50%,#9c9188), color-stop(100%,#9c9188)); // Chrome,Safari4+
@ -196,7 +218,7 @@
background: linear-gradient(135deg, #beb9b2 0%,#beb9b2 50%,#9c9188 50%,#9c9188 100%); // W3C
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#beb9b2', endColorstr='#9c9188',GradientType=1 ); // IE6-9 fallback on horizontal gradient
}
&.#{$ms-prefix}-2r {
&.#{variables.$ms-prefix}-2r {
background: #beb9b2; // Old browsers
background: -moz-linear-gradient(-45deg, #beb9b2 0%, #beb9b2 50%, #db8664 50%, #db8664 100%); // FF3.6+
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#beb9b2), color-stop(50%,#beb9b2), color-stop(50%,#db8664), color-stop(100%,#db8664)); // Chrome,Safari4+
@ -206,7 +228,7 @@
background: linear-gradient(135deg, #beb9b2 0%,#beb9b2 50%,#db8664 50%,#db8664 100%); // W3C
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#beb9b2', endColorstr='#db8664',GradientType=1 ); // IE6-9 fallback on horizontal gradient
}
&.#{$ms-prefix}-2g {
&.#{variables.$ms-prefix}-2g {
background: #beb9b2; // Old browsers
background: -moz-linear-gradient(-45deg, #beb9b2 0%, #beb9b2 50%, #93b483 50%, #93b483 100%); // FF3.6+
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#beb9b2), color-stop(50%,#beb9b2), color-stop(50%,#93b483), color-stop(100%,#93b483)); // Chrome,Safari4+
@ -217,13 +239,23 @@
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#beb9b2', endColorstr='#93b483',GradientType=1 ); // IE6-9 fallback on horizontal gradient
}
// phyrexian mana
&.#{$ms-prefix}-p::before,
&.#{$ms-prefix}-wp::before,
&.#{$ms-prefix}-up::before,
&.#{$ms-prefix}-bp::before,
&.#{$ms-prefix}-rp::before,
&.#{$ms-prefix}-gp::before {
// phyrexian mana size increases
&.#{variables.$ms-prefix}-p::before,
&.#{variables.$ms-prefix}-wp::before,
&.#{variables.$ms-prefix}-up::before,
&.#{variables.$ms-prefix}-bp::before,
&.#{variables.$ms-prefix}-rp::before,
&.#{variables.$ms-prefix}-gp::before,
&.#{variables.$ms-prefix}-wup::before,
&.#{variables.$ms-prefix}-wbp::before,
&.#{variables.$ms-prefix}-ubp::before,
&.#{variables.$ms-prefix}-urp::before,
&.#{variables.$ms-prefix}-brp::before,
&.#{variables.$ms-prefix}-bgp::before,
&.#{variables.$ms-prefix}-rwp::before,
&.#{variables.$ms-prefix}-rgp::before,
&.#{variables.$ms-prefix}-gwp::before,
&.#{variables.$ms-prefix}-gup::before {
display: inline-block;
-moz-transform: scale( 1.2, 1.2 );
-webkit-transform: scale( 1.2, 1.2 );
@ -231,7 +263,7 @@
}
// alternate tap
&.#{$ms-prefix}-tap-alt::before {
&.#{variables.$ms-prefix}-tap-alt::before {
display: inline-block;
-moz-transform: scale( 1.2, 1.2 );
-webkit-transform: scale( 1.2, 1.2 );
@ -241,7 +273,8 @@
}
// snow mana
&.#{$ms-prefix}-s::before {
&.#{variables.$ms-prefix}-s {
&::before {
color: #fff;
-webkit-text-stroke: 2px #fff;
font-size: 0.85em;
@ -249,7 +282,7 @@
position: relative;
display: inline-block;
}
&.#{$ms-prefix}-s::after {
&::after {
//text-shadow: -1px 1px 0 #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, 1px 1px 0 #fff;
content: "\e619";
position: absolute;
@ -257,17 +290,21 @@
margin-left: -0.9em;
font-size: 1.1em;
}
&-mtga::before {
color: #fff;
}
}
// tap symbols
&.#{$ms-prefix}-untap {
&.#{variables.$ms-prefix}-untap {
background-color: #111;
color: #fff;
}
// shadow alternative
&.#{$ms-prefix}-shadow {
&.#{variables.$ms-prefix}-shadow {
box-shadow: -0.06em 0.07em 0 #111, 0 0.06em 0 #111;
&.#{$ms-prefix}-untap {
&.#{variables.$ms-prefix}-untap {
box-shadow: -0.06em 0.07em 0 #fff, 0 0.06em 0 #fff;
}
}
@ -276,21 +313,21 @@
// split cost specifics
.#{$ms-prefix}-split {
.#{variables.$ms-prefix}-split {
position: relative;
width: 1.3em;
height: 1.3em;
}
.#{$ms-prefix}-split::before,
.#{$ms-prefix}-split::after {
.#{variables.$ms-prefix}-split::before,
.#{variables.$ms-prefix}-split::after {
font-size: 0.55em !important;
position: absolute;
}
.#{$ms-prefix}-split::before {
.#{variables.$ms-prefix}-split::before {
top: -0.38em;
left: 0.28em;
}
.#{$ms-prefix}-split::after {
.#{variables.$ms-prefix}-split::after {
top: 0.5em;
left: 1.0em;
}
@ -298,18 +335,18 @@
// half costs specifics
span.#{$ms-prefix}-half { // legacy handling with <span> tag
span.#{variables.$ms-prefix}-half { // legacy handling with <span> tag
width: .675em;
overflow: hidden;
display: inline-block;
margin-left: .675em;
> .#{$ms-prefix}-cost {
> .#{variables.$ms-prefix}-cost {
margin-left: -.675em;
}
}
.#{$ms-prefix}-half { // new single-element handling!
.#{variables.$ms-prefix}-half { // new single-element handling!
width: .675em;
margin-left: .675em;
overflow: hidden;
@ -322,9 +359,9 @@ span.#{$ms-prefix}-half { // legacy handling with <span> tag
// un-set costs
.#{$ms-prefix}-100 {
.#{variables.$ms-prefix}-100 {
width: 2.4em;
}
.#{$ms-prefix}-1000000 {
.#{variables.$ms-prefix}-1000000 {
width: 5.4em;
}

View File

@ -1,6 +1,8 @@
@use "variables";
// double-faced specifics
.#{$ms-prefix}-dfc {
.#{variables.$ms-prefix}-dfc {
color: #111;
border: .05em solid #111;
border-radius: 2em;

View File

@ -1,4 +1,6 @@
.#{$ms-prefix}-duo {
@use "variables";
.#{variables.$ms-prefix}-duo {
// base border styles
&::after {
@ -17,25 +19,74 @@
color: #fff;
// multicolor symbol
&.#{$ms-prefix}-multicolor::after {
&.#{variables.$ms-prefix}-multicolor::after {
content: "\e986";
}
// strixhaven schools
&.#{variables.$ms-prefix}-school {
&-lorehold::after {
content: "\e99b";
}
&-prismari::after {
content: "\e99d";
}
&-quandrix::after {
content: "\e99f";
}
&-silverquill::after {
content: "\e9a1";
}
&-witherbloom {
&::before {
content: "\e9a3";
}
&::after {
content: "\e9a4";
}
}
}
// colorized versions
&-color {
// default outer color
&::before {
color: #000;
color: variables.$ms-border-black;
}
&.#{$ms-prefix}-multicolor {
// multicolor
&.#{variables.$ms-prefix}-multicolor {
&::after {
color: @ms-multicolor-flat;
color: variables.$ms-multicolor-flat;
}
&.#{$ms-prefix}-grad::after {
background: @ms-multicolor-grad;
&.#{variables.$ms-prefix}-grad::after {
background: variables.$ms-multicolor-grad;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
}
// strixhaven schools
&.#{variables.$ms-prefix}-school {
&-lorehold {
&::before { color: #a03731; }
&::after { color: #e4e8c7; }
}
&-prismari {
&::before { color: #a23431; }
&::after { color: #322f5c; }
}
&-quandrix {
&::before { color: #352e5f; }
&::after { color: #519e52; }
}
&-silverquill {
&::before { color: #181616; }
&::after { color: #e5e9ca; }
}
&-witherbloom {
&::before { color: #2f312d; }
&::after { color: #4f9b4f; }
}
}
}
}

7
sass/_extras.scss Normal file
View File

@ -0,0 +1,7 @@
@use "variables";
.#{variables.$ms-prefix}-mechanic {
background: variables.$ms-ability-grad;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

View File

@ -1,9 +1,13 @@
@use "variables";
// symbols
.#{$ms-prefix} {
.#{variables.$ms-prefix} {
// resources
&-w::before { content: "\e600"; }
&-w-original::before { content: "\e997"; }
&-w-list::before { content: "\e998"; }
&-u::before { content: "\e601"; }
&-b::before { content: "\e602"; }
&-r::before { content: "\e603"; }
@ -32,17 +36,15 @@
&-x::before { content: "\e615"; }
&-y::before { content: "\e616"; }
&-z::before { content: "\e617"; }
&-p::before,
&-wp::before,
&-up::before,
&-bp::before,
&-rp::before,
&-gp::before { content: "\e618"; }
&-p::before { content: "\e618"; }
&-s::before { content: "\e619"; }
&-s-mtga::before { content: "\e996"; }
&-c::before { content: "\e904"; }
&-e::before,
&-energy::before{ content: "\e907"; }
&-acorn::before { content: "\e929"; }
&-ticket::before,
&-tk::before { content: "\e9c4"; }
&-1-2::before { content: "\e902"; }
&-infinity::before { content: "\e903"; }
@ -54,11 +56,16 @@
// card types
&-artifact::before { content: "\e61e"; }
&-battle::before { content: "\e9d1"; }
&-battle-siege::before { content: "\e9d2"; }
&-commander::before { content: "\e9c6"; }
&-conspiracy::before { content: "\e972"; }
&-creature::before { content: "\e61f"; }
&-enchantment::before { content: "\e620"; }
&-dungeon::before { content: "\e995"; }
&-instant::before { content: "\e621"; }
&-land::before { content: "\e622"; }
&-multicolor::before { content: "\e985"; }
&-phenomenon::before { content: "\e96e"; }
&-plane::before { content: "\e96f"; }
&-planeswalker::before { content: "\e623"; }
@ -70,7 +77,12 @@
&-tribal::before,
&-multiple::before { content: "\e925"; }
&-vanguard::before { content: "\e971"; }
&-multicolor::before { content: "\e985"; }
// zones
&-hand::before { content: "\e9ca"; }
&-library::before { content: "\e9cb"; }
&-graveyard::before { content: "\e9cc"; }
&-exile::before { content: "\e9cd"; }
// splits
&-wu::before,
@ -104,29 +116,74 @@
&-2r::before,
&-2g::before { content: "\e607"; } // 2
// phyrexian splits
&-wp::before,
&-up::before,
&-bp::before,
&-rp::before,
&-gp::before,
&-wup::before,
&-wup::after,
&-wbp::before,
&-wbp::after,
&-ubp::before,
&-ubp::after,
&-urp::before,
&-urp::after,
&-brp::before,
&-brp::after,
&-bgp::before,
&-bgp::after,
&-rwp::before,
&-rwp::after,
&-rgp::before,
&-rgp::after,
&-gwp::before,
&-gwp::after,
&-gup::before,
&-gup::after { content: "\e618"; } // p/p
// un-sets
&-100::before { content: "\e900"; }
&-1000000::before { content: "\e901"; }
// planewalkers
// loyalty
&-loyalty {
&-up::before { content: "\e627"; } // up
&-down::before { content: "\e625"; } // down
&-zero::before { content: "\e626"; } // zero
&-start::before { content: "\e628"; } // start
}
&-defense {
&::before { content: "\e9d7"; }
&-border::before { content: "\e9d8"; }
}
// levelers
&-level {
&::before { content: "\e9c7"; }
&::after { content: "\e9c8"; }
}
// double-faced cards
&-dfc {
&-night::before { content: "\e905"; }
&-back::before { content: "\e9d4"; }
&-day::before { content: "\e906"; }
&-ignite::before { content: "\e908"; }
&-spark::before { content: "\e909"; }
&-emrakul::before { content: "\e90a"; }
&-moon::before { content: "\e90b"; }
&-enchantment::before { content: "\e920"; }
&-modal-face::before { content: "\e983"; }
&-facedown::before { content: "\e9d6"; }
&-front::before { content: "\e9d3"; }
&-ignite::before { content: "\e908"; }
&-land::before { content: "\e9c5"; }
&-lesson::before { content: "\e98f"; }
&-meld::before { content: "\e9d5"; }
&-modal-back::before { content: "\e984"; }
&-modal-face::before { content: "\e983"; }
&-moon::before { content: "\e90b"; }
&-night::before { content: "\e905"; }
&-saga::before { content: "\e9cf"; }
&-saga-creature::before { content: "\e9d0"; }
&-spark::before { content: "\e909"; }
}
// other card elements
@ -168,12 +225,20 @@
&-akros::before { content: "\e927"; }
&-meletis::before { content: "\e928"; }
}
&-school {
&-lorehold::before { content: "\e99a"; }
&-prismari::before { content: "\e99c"; }
&-quandrix::before { content: "\e99e"; }
&-silverquill::before { content: "\e9a0"; }
&-witherbloom::before { content: "\e9a2"; }
}
// counters
&-counter {
&-arrow::before { content: "\e92b"; }
&-brick::before { content: "\e92c"; }
&-charge::before { content: "\e92d"; }
&-damage::before { content: "\e9dd"; } // same as original enrage
&-devotion::before { content: "\e92e"; }
&-doom::before { content: "\e92f"; }
&-echo::before { content: "\e930"; }
@ -198,7 +263,11 @@
&-slime::before { content: "\e941"; }
&-time::before { content: "\e942"; }
&-verse::before { content: "\e945"; }
&-void::before { content: "\e9ec"; }
&-vortex::before { content: "\e946"; }
// arena
&-shield::before { content: "\e9c3"; }
&-stun::before { content: "\e9c2"; }
}
// abilities
@ -213,23 +282,59 @@
&-afflict::before { content: "\e977"; }
&-afterlife::before { content: "\e978"; }
&-aftermath::before { content: "\e979"; }
&-amass::before { content: "\e97a"; }
&-alliance::before { content: "\e9b5"; }
&-amass {
&-orcs::before { content: "\e9e0"; }
&-zombies::before,
&::before { content: "\e97a"; }
}
&-ascend::before { content: "\e94a"; }
&-backup::before { content: "\e9d9"; }
&-bargain::before { content: "\e9e2"; }
&-blitz::before { content: "\e9b4"; }
&-boast::before { content: "\e991"; }
&-casualty::before { content: "\e9b7"; }
&-celebration::before { content: "\e9e3"; }
&-changeling::before { content: "\e9a6"; }
&-channel::before { content: "\e9b1"; }
&-cleave::before { content: "\e9ad"; }
&-combat-condition::before { content: "\e9ce"; }
&-companion::before { content: "\e97b"; }
&-constellation::before { content: "\e97c"; }
&-convoke::before { content: "\e949"; }
&-convoke {
&-original::before { content: "\e949"; }
&::before { content: "\e9da"; }
}
&-corrupted::before { content: "\e9c0"; }
&-coven::before { content: "\e9aa"; }
&-d20::before { content: "\e999"; }
&-day-night::before { content: "\e9a8"; }
&-daybound-nightbound::before { content: "\e9a9"; }
&-deathtouch::before { content: "\e94b"; }
&-decayed::before { content: "\e9ac"; }
&-defender::before { content: "\e94c"; }
&-devotion::before { content: "\e97d"; }
&-disturb::before { content: "\e9ae"; }
&-domain::before { content: "\e9a7"; }
&-double-strike::before { content: "\e94d"; }
&-dungeon::before { content: "\e995"; }
&-embalm::before { content: "\e97e"; }
&-enrage::before { content: "\e94e"; }
&-enlist::before { content: "\e9ba"; }
&-enrage {
&::before { content: "\e9dc"; }
&-original::before { content: "\e94e"; }
}
&-escape::before { content: "\e969"; }
&-eternalize::before { content: "\e97f"; }
&-exploit::before { content: "\e9af"; }
&-explore::before { content: "\e94f"; }
&-fabricate::before { content: "\e9a5"; }
&-first-strike::before { content: "\e950"; }
&-flash::before { content: "\e951"; }
&-flying::before { content: "\e952"; }
&-for-mirrodin::before { content: "\e9c1"; }
&-foretell::before { content: "\e990"; }
&-goad::before { content: "\e9c9"; }
&-haste::before { content: "\e953"; }
&-hexproof {
&::before { content: "\e954"; }
@ -239,30 +344,135 @@
&-red::before { content: "\e958"; }
&-white::before { content: "\e959"; }
}
&-hideaway::before { content: "\e9b8"; }
&-improvise::before { content: "\e9de"; }
&-incubate::before { content: "\e9db"; }
&-indestructible::before { content: "\e95a"; }
&-investigate::before { content: "\e9ab"; }
&-jumpstart::before { content: "\e95b"; }
&-kicker::before { content: "\e989"; }
&-landfall::before { content: "\e988"; }
&-learn::before { content: "\e994"; }
&-lifelink::before { content: "\e95c"; }
&-magecraft::before { content: "\e993"; }
&-meld::before { content: "\e9bd"; }
&-menace::before { content: "\e95d"; }
&-mentor::before { content: "\e95e"; }
&-mutate::before { content: "\e980"; }
&-ninjutsu::before { content: "\e9b2"; }
&-obscura::before { content: "\e9b6"; }
&-party::before { content: "\e987"; }
&-phyrexian::before { content: "\e618"; }
&-proliferate::before { content: "\e981"; }
&-prototype::before { content: "\e9be"; }
&-prowess::before { content: "\e982"; }
&-raid::before { content: "\e95f"; }
&-reach::before { content: "\e960"; }
&-read-ahead::before { content: "\e9b9"; }
&-reconfigure::before { content: "\e9b3"; }
&-revolt::before { content: "\e961"; }
&-ring-bearer::before { content: "\e9df"; }
&-riot::before { content: "\e973"; }
&-role {
&-cursed::before { content: "\e9e6"; }
&-monster::before { content: "\e9e7"; }
&-royal::before { content: "\e9e8"; }
&-sorceror::before { content: "\e9e9"; }
&-wicked::before { content: "\e9ea"; }
&-young-hero::before { content: "\e9eb"; }
}
&-specialize::before { content: "\e9bb"; }
&-spectacle::before { content: "\e96b"; }
&-static::before,
&-enchant::before,
&-improvise::before,
&-kicker::before { content: "\e962"; }
&-enchant::before { content: "\e962"; }
&-summoning-sickness::before { content: "\e96a"; }
&-surveil::before { content: "\e963"; }
&-the-ring-tempts-you::before { content: "\e9e1"; }
&-toxic::before { content: "\e9bf"; }
&-training::before { content: "\e9b0"; }
&-trample::before { content: "\e964"; }
&-transform::before { content: "\e965"; }
&-triggered::before,
&-fabricate::before { content: "\e966"; }
&-triggered::before { content: "\e966"; }
&-undergrowth::before { content: "\e967"; }
&-unearth::before { content: "\e9bc"; }
&-vigilance::before { content: "\e968"; }
&-ward::before { content: "\e992"; }
// arena card-specific ability symbols
&-haktos-the-unscarred::before { content: "\e9e4"; }
&-robber-of-the-rich::before { content: "\e9e5"; }
}
// watermarks
&-watermark {
&-agentsofsneak::before { content: "\ea08"; }
&-arena::before { content: "\ea1e"; }
&-brokers::before { content: "\ea0d"; }
&-cabaretti::before { content: "\ea0e"; }
&-colorpie::before { content: "\e9f0"; }
&-conspiracy::before { content: "\ea12"; }
&-corocoro::before { content: "\ea15"; }
&-crossbreedlabs::before { content: "\ea09"; }
&-cutiemark {
&-apples::before { content: "\ea27"; }
&-balloons::before { content: "\ea28"; }
&-butterflies::before { content: "\ea29"; }
&-gems::before { content: "\ea04"; }
&-rainbow::before { content: "\ea2a"; }
&-sparkle::before { content: "\ea05"; }
&-waningmoon::before { content: "\ea06"; }
&-waxingmoon::before { content: "\ea07"; }
}
&-dci::before { content: "\ea1d"; }
&-dengekimaoh::before { content: "\ea14"; }
&-desparked::before { content: "\e9f1"; }
&-dnd::before { content: "\ea17"; }
&-flavor {
&-aestheticconsultation::before { content: "\e9f2"; }
&-farewelltoarms::before { content: "\e9f3"; }
&-monkeymonkeymonkey::before { content: "\e9f4"; }
&-moxlotus::before { content: "\e9f5"; }
&-myfirsttome::before { content: "\e9f6"; }
&-shoetree::before { content: "\e9f7"; }
&-whenfluffybunniesattack::before { content: "\e9f8"; }
}
&-fnm::before { content: "\ea16"; }
&-goblinexplosioneers::before { content: "\ea0a"; }
&-grandprix::before { content: "\ea1f"; }
&-grandprix2::before { content: "\ea20"; }
&-herospath {
&::before { content: "\ea02"; }
&-1::before { content: "\e9f9"; }
&-2::before { content: "\e9fa"; }
&-3::before { content: "\e9fb"; }
&-4::before { content: "\e9fc"; }
&-5::before { content: "\e9fd"; }
&-6::before { content: "\e9fe"; }
&-7::before { content: "\e9ff"; }
&-8::before { content: "\ea00"; }
&-9::before { content: "\ea01"; }
}
&-japanjunior::before { content: "\ea24"; }
&-judgeacademy::before { content: "\ea13"; }
&-junior::before { content: "\ea23"; }
&-juniorapac::before { content: "\ea21"; }
&-junioreurope::before { content: "\ea22"; }
&-leagueofdastardlydoom::before { content: "\ea0b"; }
&-maestros::before { content: "\ea0f"; }
&-mirran::before { content: "\ea03"; }
&-mps::before { content: "\ea1a"; }
&-mtg::before { content: "\e9ed"; }
&-mtg10::before { content: "\e9ee"; }
&-mtg15::before { content: "\e9ef"; }
&-nerf::before { content: "\ea19"; }
&-obscura::before { content: "\ea10"; }
&-orderofthewidget::before { content: "\ea0c"; }
&-protour::before { content: "\ea26"; }
&-riveteers::before { content: "\ea11"; }
&-scholarship::before { content: "\ea25"; }
&-transformers::before { content: "\ea18"; }
&-trumpkatsumai::before { content: "\ea2b"; }
&-wotc::before { content: "\ea1b"; }
&-wpn::before { content: "\ea1c"; }
}
}

View File

@ -1,6 +1,9 @@
// planeswalker specifics
@use "variables";
.#{$ms-prefix}-loyalty {
/**
* planeswalker and other loyalty symbols */
.#{variables.$ms-prefix}-loyalty {
// all
&-up,
@ -13,10 +16,13 @@
text-align: center;
}
// start
// variant alterations
&-start {
font-size: 2.0em; // increase the size a bit by default
}
&-zero::after {
line-height: 2.1em !important; // slight correction
}
// base styles for counters
&-0::after,
@ -40,23 +46,23 @@
&-18::after,
&-19::after,
&-20::after,
&-25::after,
&-x::after {
color: #fff;
display: inline-block;
font-size: 0.5em;
font-family: $ms-serif-font;
font-family: variables.$ms-serif-font;
position: absolute;
left: 0;
line-height: 1.75em;
line-height: 2.25em;
width: 100%;
text-align: center;
-webkit-padding-before: 0.15em; // fix for odd webkit line-height
}
&-0::after {
content: "0";
}
&-up {
&.#{$ms-prefix}-loyalty {
&.#{variables.$ms-prefix}-loyalty {
&-1::after { content: "+1"; }
&-2::after { content: "+2"; }
&-3::after { content: "+3"; }
@ -77,11 +83,12 @@
&-18::after { content: "+18"; }
&-19::after { content: "+19"; }
&-20::after { content: "+20"; }
&-25::after { content: "+25"; }
&-x::after { content: "+X"; }
}
}
&-start {
&.#{$ms-prefix}-loyalty {
&.#{variables.$ms-prefix}-loyalty {
&-1::after { content: "1"; }
&-2::after { content: "2"; }
&-3::after { content: "3"; }
@ -102,12 +109,15 @@
&-18::after { content: "18"; }
&-19::after { content: "19"; }
&-20::after { content: "20"; }
&-25::after { content: "25"; }
&-x::after { content: "X"; }
}
}
&-down {
&::after { line-height: 1.6em; }
&.#{$ms-prefix}-loyalty {
&::after {
line-height: 2em;
}
&.#{variables.$ms-prefix}-loyalty {
&-1::after { content: "-1"; }
&-2::after { content: "-2"; }
&-3::after { content: "-3"; }
@ -128,7 +138,187 @@
&-18::after { content: "-18"; }
&-19::after { content: "-19"; }
&-20::after { content: "-20"; }
&-25::after { content: "-25"; }
&-x::after { content: "-X"; }
}
}
// outline style for card text
&-outline {
&::before {
color: transparent;
-webkit-text-stroke: 0.03em #111;
}
&::after {
color: #111;
}
// correction for starting loyalty size
&.#{variables.$ms-prefix}-loyalty-start {
font-size: 1.6em;
}
}
}
// saga loyalty
.#{variables.$ms-prefix}-saga {
// all
color: #111;
// numbers
&-1::after,
&-2::after,
&-3::after,
&-4::after,
&-5::after,
&-6::after {
color: #fff;
display: inline-block;
font-size: 0.6em;
font-family: variables.$ms-serif-font;
position: absolute;
left: 0;
line-height: 2.0em;
width: 100%;
text-align: center;
}
&-1::after { content: "I"; }
&-2::after { content: "II"; }
&-3::after { content: "III"; }
&-4::after { content: "IV"; }
&-5::after { content: "V"; }
&-6::after { content: "VI"; }
}
// level card levels
.#{variables.$ms-prefix}-level {
// level numbers must be in a span for now unfortunately
> span {
font-size: 0.33em;
position: absolute;
left: 0;
top: 0;
color: #000;
font-family: variables.$ms-serif-font;
width: 76%;
text-align: center;
line-height: 3.8;
}
// alt border similar to duo handling
&::after {
color: rgba(0,0,0,0.25);
display: block;
font-size: 1em;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
}
// defense loyalty
.#{variables.$ms-prefix}-defense {
color: #111;
font-size: 1.5em;
position: relative;
text-align: center;
// base styles for counters
&-0::after,
&-1::after,
&-2::after,
&-3::after,
&-4::after,
&-5::after,
&-6::after,
&-7::after,
&-8::after,
&-9::after,
&-10::after,
&-11::after,
&-12::after,
&-13::after,
&-14::after,
&-15::after,
&-16::after,
&-17::after,
&-18::after,
&-19::after,
&-20::after,
&-25::after,
&-x::after {
color: #fff;
display: inline-block;
font-size: 0.5em;
font-family: variables.$ms-serif-font;
position: absolute;
left: 0;
line-height: 2.25em;
width: 100%;
text-align: center;
}
// values
&-0::after { content: "0"; }
&-1::after { content: "1"; }
&-2::after { content: "2"; }
&-3::after { content: "3"; }
&-4::after { content: "4"; }
&-5::after { content: "5"; }
&-6::after { content: "6"; }
&-7::after { content: "7"; }
&-8::after { content: "8"; }
&-9::after { content: "9"; }
&-10::after { content: "10"; }
&-11::after { content: "11"; }
&-12::after { content: "12"; }
&-13::after { content: "13"; }
&-14::after { content: "14"; }
&-15::after { content: "15"; }
&-16::after { content: "16"; }
&-17::after { content: "17"; }
&-18::after { content: "18"; }
&-19::after { content: "19"; }
&-20::after { content: "20"; }
&-25::after { content: "25"; }
// outline version
&-outline {
&::before {
content: "\e9d8";
}
&::after {
color: #111;
}
}
// experimental third layer for the border
&-print {
display: list-item;
list-style-position: inside;
width: 0.9em;
&::before {
color: #fff;
content: "\e9d8";
position: absolute;
left: 0;
top: 0;
text-shadow: 0 0 5px #333;
}
&::marker {
content: "\e9d7";
color: #111;
}
}
}

View File

@ -1,23 +1,25 @@
@use "variables";
// fonts
@font-face {
font-family: 'Mana';
src:url( '#{$ms-font-path}/mana.eot?v=#{$ms-version}' );
src:url( '#{$ms-font-path}/mana.eot?#iefix&v=#{$ms-version}') format( 'embedded-opentype' ),
url( '#{$ms-font-path}/mana.woff?v=#{$ms-version}') format( 'woff' ),
url( '#{$ms-font-path}/mana.ttf?v=#{$ms-version}') format( 'truetype' ),
url( '#{$ms-font-path}/mana.svg?v=#{$ms-version}#mana') format( 'svg' );
src:url( '#{variables.$ms-font-path}/mana.eot?v=#{variables.$ms-version}' );
src:url( '#{variables.$ms-font-path}/mana.eot?#iefix&v=#{variables.$ms-version}') format( 'embedded-opentype' ),
url( '#{variables.$ms-font-path}/mana.woff?v=#{variables.$ms-version}') format( 'woff' ),
url( '#{variables.$ms-font-path}/mana.ttf?v=#{variables.$ms-version}') format( 'truetype' ),
url( '#{variables.$ms-font-path}/mana.svg?v=#{variables.$ms-version}#mana') format( 'svg' );
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'MPlantin';
src:url( '#{$ms-font-path}/mplantin.eot?v=#{$ms-version}' );
src:url( '#{$ms-font-path}/mplantin.eot?#iefix&v=#{$ms-version}') format( 'embedded-opentype' ),
url( '#{$ms-font-path}/mplantin.woff?v=#{$ms-version}') format( 'woff' ),
url( '#{$ms-font-path}/mplantin.ttf?v=#{$ms-version}') format( 'truetype' ),
url( '#{$ms-font-path}/mplantin.svg?v=#{$ms-version}#mplantin') format( 'svg' );
src:url( '#{variables.$ms-font-path}/mplantin.eot?v=#{variables.$ms-version}' );
src:url( '#{variables.$ms-font-path}/mplantin.eot?#iefix&v=#{variables.$ms-version}') format( 'embedded-opentype' ),
url( '#{variables.$ms-font-path}/mplantin.woff?v=#{variables.$ms-version}') format( 'woff' ),
url( '#{variables.$ms-font-path}/mplantin.ttf?v=#{variables.$ms-version}') format( 'truetype' ),
url( '#{variables.$ms-font-path}/mplantin.svg?v=#{variables.$ms-version}#mplantin') format( 'svg' );
font-weight: normal;
font-style: normal;
}

View File

@ -1,7 +1,17 @@
@use "variables";
// sizes
.#{$ms-prefix}-2x { font-size: 1.75em; }
.#{$ms-prefix}-3x { font-size: 2.25em; }
.#{$ms-prefix}-4x { font-size: 3.0em; }
.#{$ms-prefix}-5x { font-size: 3.75em; }
.#{$ms-prefix}-6x { font-size: 4.5em; }
.#{variables.$ms-prefix}-2x { font-size: 1.75em; }
.#{variables.$ms-prefix}-3x { font-size: 2.25em; }
.#{variables.$ms-prefix}-4x { font-size: 3.0em; }
.#{variables.$ms-prefix}-5x { font-size: 3.75em; }
.#{variables.$ms-prefix}-6x { font-size: 4.5em; }
/*
* Fixed width */
.#{variables.$ms-prefix}-fw {
width: 1em;
text-align: center;
}

View File

@ -1,10 +1,25 @@
// base variables
$ms-font-path: '../fonts' !default;
$ms-version: '1.9.1' !default;
$ms-version: '1.16.0' !default;
$ms-font-size-base: 14px !default;
$ms-prefix: ms !default;
$ms-serif-font: 'MPlantin, Garamond, Palatino, 'Times New Roman', Times, serif' !default;
$ms-serif-font: 'MPlantin, Garamond, Palatino, \'Times New Roman\', Times, serif' !default;
// colors
// mana colors
$ms-border-black: #010101;
$ms-base-colorless: #beb9b2;
$ms-base-white: #f0f2c0;
$ms-base-blue: #b5cde3;
$ms-base-black: #aca29a;
$ms-base-red: #db8664;
$ms-base-green: #93b483;
$ms-white: #fff;
$ms-blue: #3b6ba0;
$ms-black: #383431;
$ms-red: #c6553e;
$ms-green: #3d684b;
// project colors
$ms-multicolor-flat: #cca753;
$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,9 +1,12 @@
@import "variables";
@import "path";
@import "core";
@import "icons";
@import "cost";
@import "loyalty";
@import "dfc";
@import "sizes";
@import "duo";
@use "variables";
@use "path";
@use "core";
@use "icons";
@use "cost";
@use "loyalty";
@use "dfc";
@use "sizes";
@use "duo";
@use "colors";
@use "extras";
@use "aliases";

5
svg/ability-alliance.svg Normal file

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 6.1 KiB

View File

@ -0,0 +1,5 @@
<!-- Generated by IcoMoon.io -->
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="19" height="32" viewBox="0 0 19 32">
<title>ability-amass-orcs</title>
<path fill="#444" d="M15.056 5.12c-0.23 0.421-0.517 0.603-0.559 1.045-0.118 1.245-0.381 2.474 0.109 4.103 0.008 0.025-0.899-0.066-0.899-0.066s-0.55 0.508-0.543 0.52c0.212 0.337 1.625-0.047 1.622-0.010-0.092 0.931-0.756 0.997-1.098 1.878-0.030 0.077 0.538 0.875 0.538 0.875s0.145 1.197-0.835 1.514c-0.141 0.045-0.422 0.443-0.414 0.545 0.132 1.717 0.323 2.038-0.898 3.185-0.857 0.805-1.644 0.551-2.55 0.783-0.236 0.060-0.246 0.138-0.027 0.244l0.525 0.252c0.157 0.077 0.431 0.339 0.433 0.515 0.013 3.47-0.008 6.632 0.019 9.845 0.002 0.279-0.070 0.658-0.59 1.292-0.055 0.067-0.477 0.36-0.562 0.361-0.666 0.006-1.641-1.401-1.641-1.401s-0.084-4.317-0.070-5.268c0.002-0.201 0.047-0.721-0.033-0.537-0.487 1.089-1.182 1.87-2.032 2.716-0.082 0.082-0.177 0.102-0.285 0.060l-0.627-0.241c-0.079-0.031-0.147-0.016-0.205 0.044l-2.359 2.392c-0.069 0.071-0.122 0.061-0.159-0.030-0.005-0.011 0.761-1.253 0.846-1.453 0.012-0.030 0.018-0.063 0.018-0.096 0-0.141-0.116-0.257-0.257-0.257-0.065 0-0.127 0.024-0.174 0.068l-2.288 2.165c-0.016 0.015-0.028 0.012-0.036-0.008-0.007-0.024-0.015-0.047-0.022-0.068-0.005-0.020-0.003-0.038 0.008-0.055 1.317-1.802 2.405-3.732 3.265-5.788 0.035-0.084 0.092-0.148 0.172-0.192 0.272-0.153 0.403-0.385 0.394-0.695-0.007-0.296-0.088-0.317-0.244-0.066l-0.342 0.55c-0.051 0.084-0.126 0.12-0.224 0.109l-0.208-0.022c-0.148-0.015-0.207-0.095-0.178-0.241l0.263-1.275c0.004-0.016 0.005-0.032 0.005-0.048 0-0.12-0.099-0.219-0.219-0.219-0.067 0-0.131 0.031-0.172 0.084l-1.869 2.266c-0.021 0.023-0.049 0.038-0.079 0.042-0.070 0.010-0.135-0.039-0.144-0.107-0.004-0.031 0.003-0.062 0.021-0.088 0.645-0.916 2.738-5.085 3.411-6.647 0.127-0.295-0.418-0.166-0.724-0.382-0.081-0.057-0.024-0.258 0.020-0.348 0.389-0.777 0.699-1.58 0.93-2.408 0.276-0.988 1.108-1.817 1.639-2.698 0.042-0.069 0.056-0.144 0.041-0.224l-0.279-1.587c-0.016-0.093-0.072-0.14-0.167-0.14l-0.586-0.008c-0.093 0-0.124-0.045-0.093-0.134 0.351-1.020 1.165-4.108 0.804-5.4-0.045-0.16-0.662-0.742-0.662-0.742s-1.566-0.319-2.419-0.829c-0.015-0.009-0.031-0.018-0.043-0.031-0.047-0.053-0.042-0.135 0.012-0.183 0.013-0.011 0.028-0.021 0.044-0.026 0.928-0.312 1.691-0.588 2.693-0.588h3.44c0.174 0 0.525-0.209 0.625-0.353l0.836-1.349c0.051-0.075 0.192-0.255 0.283-0.261 1.012-0.060 1.011 1.060 1.038 1.763 0.004 0.103 0.344 0.137 0.344 0.137l3.175-0.004c0 0 0.541 0.087 0.735 0.186 1.115 0.564 2.043 1.306 2.959 1.994 0.042 0.031 0.265 0.242 0.265 0.242l-0.309 0.353c0 0-0.096 0.039-0.147 0.042l-2.879 0.183c-0.117 0.008-0.326 0.119-0.383 0.221zM10.524 3.273c1.246 0.179 2.22 0.065 3.349 0.153 0.42 0.033 0.759 0.311 1.169 0.413 0.016 0.004 0.031 0.006 0.047 0.006 0.111 0 0.192-0.030 0.269-0.11 0.107-0.112 0.117-0.328 0.116-0.334l-0.055-0.171c-0.009-0.086-0.227-0.193-0.307-0.225-0.791-0.317-1.585-0.472-1.585-0.472s-2.882 0.094-6.436 0.032c-0.536-0.009-0.497 0.154-0.987 0.346-0.093 0.036-0.546 0.235-0.466 0.295 0.386 0.282 2.878 0.054 3.543 0.093 0.095 0.005 0.331 0.066 0.345 0.159l0.275 1.561 0.063 2.232c0.040 0.274 0.285 0.284 0.342 0.014 0.175-0.833 0.676-1.776 0.717-2.512 0.014-0.265-0.037-0.428-0.136-0.699-0.083-0.225-0.279-0.352-0.379-0.615-0.042-0.109-0.002-0.181 0.115-0.164zM10.648 11.335c0.060 0.27 0.183 0.504 0.367 0.703 0.164 0.177 0.24 0.145 0.227-0.096l-0.096-1.894c-0.007-0.15-0.065-0.172-0.172-0.068l-3.681 3.56c-0.091 0.088-0.091 0.176 0 0.265l2.34 2.29c0.093 0.091 0.185 0.089 0.276-0.005l1.606-1.68c0.075-0.079 0.251-0.296 0.171-0.37-0.515-0.481-1.46 0.605-1.796 0.909-0.145 0.13-0.37 0.119-0.501-0.025l-1.103-1.212c-0.134-0.148-0.124-0.378 0.022-0.512l2.11-1.937c0.117-0.109 0.193-0.086 0.23 0.071zM9.248 23.467c-0.001-0.129-0.108-0.235-0.237-0.234l-0.011 0c-0.129 0.001-0.235 0.108-0.234 0.237l0.047 6.737c0.001 0.129 0.108 0.235 0.237 0.234h0.011c0.129-0.001 0.235-0.108 0.234-0.237l-0.047-6.737z"></path>
</svg>

After

Width:  |  Height:  |  Size: 3.9 KiB

5
svg/ability-backup.svg Normal file
View File

@ -0,0 +1,5 @@
<!-- Generated by IcoMoon.io -->
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
<title>ability-backup</title>
<path fill="#444" d="M14.834 12.986v0c0 0 0.54 6.652 1.779 7.827s3.875 1.889 3.875 1.889-2.928 0.146-4.002 1.588c-1.207 1.62-1.525 7.655-1.525 7.655s-0.381-6.194-1.747-7.719c-1.067-1.191-3.97-0.858-3.97-0.858s2.986-0.699 3.939-2.382c1.068-1.887 1.652-8.001 1.652-8.001zM11.907 24.607c-1.15 1.517-2.343 3.045-4.073 3.941 2.028 0.052 3.711-1.231 5.118-2.567-0.112-0.379-0.235-0.768-0.496-1.075-0.285-0.233-0.11-0.12-0.55-0.298v0zM5.059 14.6c-0.162 0.353-0.061 0.111-0.247 0.749-0.889 3.621-3.23 5.785-4.812 6.305 2.736 0.232 4.931-2.291 6.012-4.517-0.241-0.867-0.468-1.769-0.953-2.537v0zM7.75 2.342c0 0-0.413 6.257-1.556 8.1-0.893 1.439-3.78 1.779-3.78 1.779s2.356 0.121 3.32 1.525c1.571 2.287 2.048 7.655 2.048 7.655s0.572-5.844 1.779-7.464c1.074-1.442 3.939-1.906 3.939-1.906s-2.859-0.318-4.098-1.493c-1.239-1.175-1.652-8.195-1.652-8.195zM28.116 12.673c-0.683-0.003-1.421 0.143-1.421 0.143-3.054 0.67-5.498 2.895-7.637 5.039-0.633 0.681-1.235 1.389-1.833 2.101l0.087 0.12c0.42 0.353 0.163 0.157 0.795 0.558 3.788-4.034 7.605-6.863 13.379-6.34 0.381 0.028 0.526-0.13 0.513-0.294-0.016-0.214-1.101-0.682-1.755-0.873-0.977-0.286-1.445-0.449-2.128-0.453zM20.71 0.055l0 0c-0.107 1.748-0.263 3.502-0.629 5.218-0.169 0.79-0.371 1.599-0.768 2.31-0.851 1.465-3.875 2.033-3.875 2.033s2.096 0.191 3.113 1.48c0.902 1.358 1.605 2.826 1.884 4.449l0.709-0.61c0.299-1.389 0.572-2.847 1.378-4.048 1.074-1.442 4.002-1.874 4.002-1.874s-2.891-0.223-4.129-1.398c-0.767-0.837-1.082-2.838-1.255-3.892-0.198-1.214-0.34-2.44-0.429-3.667v-0l-0-0zM19.355 3.474c-3.594 1.222-6.85 3.374-9.234 6.341 0.41 0.326 0.879 0.563 1.378 0.724l0.317 0.094c0.351-0.388 0.699-0.779 1.073-1.145 1.834-1.592 3.821-2.984 6.063-3.955 0.237-0.861 0.114-0.352 0.33-1.536l0.072-0.524zM27.018 1.515l-0.019 0.001c-1.715 0.508-2.573 0.826-4.989 1.143l0.26 1.592 1.425-0.29c1.158-0.272 2.436-0.747 3.121-1.789 0.082-0.125 0.333-0.501 0.201-0.657z"></path>
</svg>

After

Width:  |  Height:  |  Size: 2.0 KiB

5
svg/ability-blitz.svg Normal file
View File

@ -0,0 +1,5 @@
<!-- Generated by IcoMoon.io -->
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="25" height="32" viewBox="0 0 25 32">
<title>ability-blitz</title>
<path fill="#444" d="M13.725 21.472l1.854 6.815-3.27 2.142-2.952-1.922 1.314-7.035h3.054zM8.662 3.509l-8.662 4.647v14.259l8.023 5.224 1.152-6.166-2.804 0c0 0 0.216-1.301 0.314-1.885 1.432-0.333 3.452 0.029 4.291-1.447 0.078-0.804 0.26-1.932-0.701-2.27-2.8-1.407-6.722-1.454-8.522-4.411h7.648v-0.283l-0.738-7.668zM16.062 3.716l-0.638 6.947h7.442c-2.328 1.475-6.258 2.973-6.248 5.647 0.008 2.179 2.328 3.436 3.49 5.162-0.131 0.002-0.038 0.001-0.333 0.001-0.756 0-1.511-0.001-2.267-0.001v-0h-2.259l1.623 5.968 7.66-5.017v-13.908l-8.471-4.798zM12.274 1.571l-2.207 1.184 0.761 7.909h3.119l0.711-7.743-2.384-1.35z"></path>
</svg>

After

Width:  |  Height:  |  Size: 784 B

5
svg/ability-boast.svg Normal file
View File

@ -0,0 +1,5 @@
<!-- Generated by IcoMoon.io -->
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="26" height="32" viewBox="0 0 26 32">
<title>ability-boast</title>
<path fill="#444" d="M2.39 4.585c2.438-0.812 5.16-0.583 7.458 0.539 0.679 0.303 1.395 1.159 0.883 1.893-1.378 1.702-3.806 1.732-5.814 1.732-1.777-0.116-4.038-0.327-4.917-2.142 0.078-1.176 1.398-1.722 2.39-2.022zM1.548 5.936c0.662 0.546 1.463 0.904 2.329 0.924 1.852 0.106 3.952 0.293 5.514-0.917-1.112-1.037-2.711-1.122-4.147-1.112-1.292 0.041-2.725 0.15-3.697 1.105zM0.755 8.374c0.207 1.607 0.14 3.763 1.581 4.483 0.031 0.015 0.019 0.053 0.040 0.080-0.035 0.032-0.066 0.102-0.12 0.095-1.161-0.155-1.185 0.541-0.984 1.095 0 0 0 0 0 0 0.406 0.529 0.994 0.819 1.647 0.911 2.7 0.38 5.242 0.11 7.674-1.252 0.602-0.337 1.024-0.735 1.31-1.35 0.179-0.384-0.053-0.885-0.36-1.001-0.337-0.127-0.961 0-1.441 0.28-0.057 0.034-0.066 0.024-0.12 0.020 0.027-0.049 0.034-0.116 0.079-0.149 0 0 0 0 0 0s0 0 0 0 0 0 0 0 0 0 0 0c0.961-0.692 0.742-2.323 0.101-3.29-0.045 0.019-0.092 0.033-0.136 0.056-2.426 1.265-6.089 1.321-9.188 0.046-0.027-0.011-0.056-0.017-0.083-0.026zM21.281 24.508c-0.108-0.076 0.019 0.264 0.015 0.396-0.016 0.479-0.141 0.947-0.307 1.394-0.177 0.373-0.376 0.737-0.643 1.055 0 0 0.001 0 0.001 0 0.084 0.005 0.176-0.021 0.251 0.016 1.076 0.531 4.088 0.5 4.736 0.176 0.327-0.164 0.327-1.227 0.25-1.308-1.192-1.26-2.908-0.757-4.302-1.728zM11.451 13.973c-0.037 0.016-0.039 0.010-0.099 0.055-3.373 2.494-7.866 1.771-8.333 1.658-0.203-0.049-0.067 0.004-0.099 0.006 1.088 2.503 2.967 4.573 4.917 6.442 2.336 2.097 6.067 4.45 10.32 4.47 0.088 0 0.044-0.007 0.082 0-0.028 0.061-0.075 0.395-0.093 0.459-0.1 0.362 0.064 0.682 0.413 0.815 0.766 0.181 1.415-0.876 1.698-1.437 0.136-0.249 0.076-0.126 0.184-0.365 0.089-0.238 0.182-0.478 0.212-0.731 0.156-0.622 0.23-1.729-0.458-2.073-0.398-0.117-0.683 0.105-0.831 0.491l-0.168 0.505-0 0.001c-0 0.001 0 0.001-0.001 0.001s-0 0.001-0.001 0.001l-0.001 0-0.001-0-0.001 0-0.001-0c-0.001-0-0 0-0.001-0.001s-0.001-0-0.001-0.001l-0-0.001c-0.055-0.21-0.113-0.437-0.228-0.712-2.024-1.047-3.77-2.549-5.178-4.334-0.972-1.527-1.456-3.276-2.175-4.924l-0.154-0.325z"></path>
</svg>

After

Width:  |  Height:  |  Size: 2.1 KiB

5
svg/ability-casualty.svg Normal file
View File

@ -0,0 +1,5 @@
<!-- Generated by IcoMoon.io -->
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="28" height="32" viewBox="0 0 28 32">
<title>ability-casualty</title>
<path fill="#444" d="M17.657 27.934l0.687 1.080c-1.48 0.534-3.035 0.709-4.595 0.729-1.433 0.002-2.835-0.281-4.193-0.721l0.714-1.062c1.124 0.391 2.315 0.507 3.494 0.552 1.326 0.039 2.627-0.201 3.893-0.577zM4.927 5.465v0c-3.132 2.546-4.894 6.478-4.927 10.488 0.099 3.854 1.379 7.075 4.306 9.923 0.121 0.118 0.608 0.234 0.941 0.085s0.448-0.471 0.448-0.471c-0.020-0.019-0.581-0.549-0.601-0.568-2.402-2.394-3.852-5.542-3.843-8.969 0.092-3.574 1.528-7.136 4.35-9.439l-0.673-1.049zM13.755 2.158v0c-1.847 0.046-3.7 0.317-5.399 1.081l0.676 1.055c1.492-0.621 3.112-0.891 4.722-0.903 1.77 0.044 3.533 0.327 5.149 1.081l0.676-1.055c-1.886-0.786-3.761-1.289-5.826-1.259zM22.392 23.806c3.847-4.336 3.675-11.411-0.5-15.467-1.587 2.443-3.127 4.878-4.746 7.299 0.683 1.071 1.436 2.052 2.146 3.107 0.274 0.054 0.951 0.069 1.225 0.128-0.254 1.844 0.496 3.018 1.826 4.854 0.018 0.025 0.033 0.053 0.050 0.079zM12.511 24.116c0.457 0.823 0.977 1.341 1.418 2.175 0.549-0.796 1.444-2.161 1.444-2.161s0.049 3.434 0.049 3.173c0 0.422-2.927 0.471-2.937 0-0.007-0.346-0.023-1.987 0.025-3.186zM10.128 19.548c0.543-0.818 1.153-1.579 1.702-2.391 0.012 0.017 0.023 0.036 0.037 0.053 0.827 0.982 1.803 2.989 1.803 2.989s-0.053 0.818-0.083 1.242c-0.436 0.102-1.204 0.305-1.646 0.407 0.038 0.393 0.162 1.253 0.199 1.646-3.425 5.45-3.298 4.98-3.442 5.341-0.24 0.6 0.105 1.099 0.551 1.768-0.034-0-2.946 1.26-4.503 0.468-1.624-0.827-1.945-2.88-2.139-4.537 0.829 0.258 2.385 0.829 3.146 0.108 0.283-0.268 3.408-5.299 3.439-5.329s1.331-0.518 1.331-0.518-0.336-0.961-0.395-1.246zM5.599 23.806c-3.847-4.336-3.675-11.411 0.5-15.467 1.587 2.443 3.127 4.878 4.746 7.299-0.683 1.071-1.436 2.052-2.146 3.107-0.274 0.054-0.951 0.069-1.225 0.128 0.254 1.844-0.496 3.018-1.826 4.854-0.018 0.025-0.033 0.053-0.050 0.079zM10.237 4.595c0.015-0.006 0.031-0.012 0.046-0.017 2.217-0.8 2.342 1.491 3.672 1.469 1.567-0.026 1.53-2.426 3.782-1.49 0.018 0.008 0.036 0.018 0.054 0.027-0.51 0.71-1.045 1.58-1.476 2.335-0.159 0.278-0.776 0.485-0.761 0.508s0.136 0.641 0.016 0.86c-0.507 0.931-1.031 1.714-1.599 2.61-0.565-0.932-1.061-1.745-1.58-2.702-0.114-0.21 0.034-0.768 0.034-0.768s-0.578-0.224-0.679-0.405c-0.467-0.83-0.957-1.646-1.509-2.427zM20.469 3.884c1.108-1.743 3.034-2.679 4.686-3.814-3.061 4.697-6.090 9.42-9.194 14.095-0.344-0.597-0.694-1.194-1.033-1.786 1.861-2.819 3.685-5.67 5.541-8.495zM2.823 0v0c4.143 6.451 8.355 12.863 12.535 19.298-0.331 0.314-0.674 0.615-1.029 0.901v0c0 0 0.053 0.818 0.083 1.242 0.436 0.102 1.204 0.305 1.645 0.407-0.038 0.393-0.162 1.253-0.199 1.646 3.425 5.45 3.298 4.98 3.442 5.341 0.24 0.6-0.105 1.099-0.551 1.768 0.034-0 2.946 1.26 4.503 0.468 1.624-0.827 1.945-2.88 2.139-4.537-0.828 0.258-2.385 0.829-3.146 0.108-0.283-0.268-3.408-5.299-3.439-5.329s-1.331-0.518-1.331-0.518c0.061-0.174 0.135-0.346 0.395-1.246-0.541-0.782-0.274-0.406-10.024-15.233-1.146-1.969-3.223-3.050-5.025-4.315zM23.073 5.438l-0 0c3.132 2.546 4.894 6.478 4.927 10.488-0.099 3.853-1.379 7.075-4.306 9.923-0.121 0.118-0.608 0.234-0.941 0.085s-0.441-0.517-0.441-0.517c0.020-0.019 0.575-0.503 0.594-0.523 2.402-2.394 3.852-5.542 3.843-8.969-0.092-3.574-1.528-7.136-4.35-9.439l0.673-1.049z"></path>
</svg>

After

Width:  |  Height:  |  Size: 3.2 KiB

View File

@ -0,0 +1,5 @@
<!-- Generated by IcoMoon.io -->
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="19" height="32" viewBox="0 0 19 32">
<title>ability-changeling</title>
<path fill="#444" d="M11.341 1.206c1.168 2.232 0.393 4.828 0.617 7.223-0.076 1.498 0.887 2.781 1.994 3.687-0.544-1.541-1.979-2.933-1.507-4.679 0.453-2.008 0.42-4.054 0.172-6.086 0.611 0.405 1.679 0.486 1.789 1.388 0.591 1.798 0.873 3.682 1.045 5.561 0.644-1.273 1.164-2.604 1.717-3.92 0.343 0.692 0.744 1.364 0.992 2.099-0.41 2.203-1.386 3.941-0.99 6.23 0.296-1.884 0.795-3.306 1.61-5.033 1.216 4.016 0.497 8.14 0.034 12.213-0.213-0.371-0.883-1.103-0.883-1.103s-0.192-1.132-0.361-1.524c-0.033 0.825-0.117 2.152-0.222 2.967 0.32 0.486 0.644 0.973 0.963 1.464-0.501 1.917-1.417 3.687-2.304 5.447-0.649-1.951-1.253-3.557-2.269-5.345 0.176-1.307 0.17-2.915 0.323-4.222-0.363 1.312-0.689 2.915-1.085 4.222 1.164 2.041 1.891 3.986 2.549 6.233-0.701 0.596-1.417 1.178-2.151 1.731-1.288-2.442-1.379-5.274-1.542-7.964-0.358 2.962-0.223 5.98 0.602 8.865-1.812 0.258-3.667 0.124-5.485 0.048 0.892-2.847 0.833-5.97 0.671-8.913-0.41 2.652-0.189 5.708-1.711 8.054-0.696-0.572-1.374-1.164-2.032-1.779 0.649-2.213 1.445-4.263 2.599-6.275-0.339-1.321-0.73-2.796-1.087-4.112 0.11 1.345 0.311 2.763 0.225 4.112-0.806 1.812-1.641 3.528-2.199 5.446-0.92-1.765-1.812-3.553-2.361-5.475 0.334-0.477 0.668-0.954 1.002-1.426-0.105-1.021-0.205-2.041-0.315-3.057-0.043 0.372-0.134 1.116-0.181 1.488-0.339 0.372-0.677 0.739-1.016 1.107-0.286-4.030-1.064-8.184-0.005-12.167 0.758 1.622 1.269 3.339 1.884 5.017-0.067-2.137-0.768-4.173-1.297-6.224 0.377-0.649 0.768-1.292 1.159-1.932 0.52 1.264 1.016 2.542 1.574 3.792 0.448-2.041 0.6-3.706 1.208-5.722 0.253-0.84 1.197-0.996 1.693-1.253-0.143 2.475-0.191 4.087 0.213 6.027 0.333 1.6-1.016 3.648-1.493 4.797 0.796-0.72 1.502-1.574 1.836-2.614 0.577-2.704-0.614-5.853 0.817-8.381zM2.38 15.225c0.863 0.591 1.712 1.479 2.852 1.388 0.973 0.010 1.712-0.725 2.504-1.188-0.916-0.563-1.779-1.464-2.938-1.383-0.997-0.143-1.66 0.711-2.418 1.183zM11.643 15.363c0.839 0.477 1.641 1.202 2.661 1.216 1.025-0.114 1.851-0.811 2.714-1.307-0.682-0.525-1.25-1.374-2.223-1.288-1.245-0.176-2.199 0.744-3.153 1.378zM2.686 3.974c0.305 0.672 0.634 1.331 0.973 1.989 0.262-1.083 0.529-2.161 0.744-3.257-0.587 0.41-1.154 0.835-1.717 1.269zM15.038 2.571c0.191 1.107 0.41 2.203 0.611 3.305 0.277-0.463 0.835-1.397 1.111-1.86-0.568-0.491-1.135-0.978-1.722-1.445z"></path>
</svg>

After

Width:  |  Height:  |  Size: 2.4 KiB

5
svg/ability-channel.svg Normal file
View File

@ -0,0 +1,5 @@
<!-- Generated by IcoMoon.io -->
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="28" height="32" viewBox="0 0 28 32">
<title>ability-channel</title>
<path fill="#444" d="M18.65 2.531c1.945-0.114 3.772 0.448 5.469 1.358 2.468 1.421 3.816 4.042 3.59 5.625-0.39 2.73-2.431 3.279-4.268 2.968-1.26-0.213-1.982-1.255-2.629-2.261-0.855-0.48-1.413 0.763-1.018 1.216 0.974 1.113 1.339 2.412 1.423 3.864-0.033 2.23-1.321 4.054-3.198 5.159-0.476 0.505-0.777 0.734-0.636 1.417 0.31 0.851 0.991 1.552 1.515 2.081 1.359 1.373 2.083 1.698 4.076-0.415 0.799-0.847 1.121-1.429 1.131-1.293 0.198 2.648-1.918 5.089-4.754 6.494-2.454 1.216-5.215 0.79-6.374-0.237-1.999-1.771-1.362-3.698-0.138-5.002 0.84-0.895 1.968-0.824 3.124-0.824 0.551 0 0.405-1.398-0.269-1.286-0.94 0.155-0.707 0.134-1.632 0.155-3.945 0.090-7.137-2.808-7.137-6.249 0.052-0.895 0.008-0.499 0.232-1.461 0.075-0.324-0.277-0.784-0.65-0.905-1.625-0.524-3.347 0.788-3.449 2.488-0.077 1.299 0.279 2.532 0.807 3.686 0.072 0.148 0.149 0.3 0.231 0.454-0.122-0.077-0.229-0.177-0.357-0.236-3.241-1.482-4.148-5.477-3.582-8.718 0.49-2.805 2.492-4.969 4.057-5.299 0.777-0.127 0.324-0.078 1.365-0.092 1.699 0.221 2.602 1.458 2.992 3.024 0.231 1.257-0.543 2.186-1.187 3.194-0.307 0.481 0.168 1.208 0.452 0.82 1.611-2.205 3.674-3.073 6.235-3.185l-0-0c1.248-0.038 2.065 0.251 3.207 0.669 1.855 0.681 4.052-3.022 2.002-4.556-1.239-0.928-2.964-0.836-4.416-0.72-0.164 0.017-0.333 0.038-0.506 0.061 0.115-0.088 0.245-0.155 0.344-0.255 1.199-1.205 2.337-1.483 3.948-1.739zM14.274 11.988c-1.322 0.028-1.965 0.516-2.738 1.322-0.012 0.013-0.025 0.024-0.038 0.036 0.007 0.012 0.014 0.023 0.019 0.035 0.113 0.268 0.177 0.353 0.43 0.579 0.103 0.093 0.247 0.224 0.376 0.172 0.483-0.196 0.712-0.12 0.909-0.021 0.396 0.2 0.626 0.742 0.416 1.141s-0.818 0.513-1.176 0.303c-0.359-0.21-0.472-0.499-0.498-0.678s-0.241-0.294-0.446-0.334c-0.285-0.055-0.292-0.062-0.554-0.061-0.024 0.002-0.050 0.004-0.081 0.006-0.006 0.013-0.011 0.025-0.016 0.036-0.114 0.254-0.15 0.36-0.153 0.859-0.013 1.867 1.626 3.413 3.622 3.388 0.572-0.007 0.615-0.057 0.855-0.113 0.022-0.005 0.043-0.032 0.069-0.043 0.002-0.020 0.004-0.039 0.005-0.057 0.051-0.531 0.061-0.282-0.021-0.797-0.032-0.135-0.077-0.324-0.213-0.354-0.51-0.111-0.656-0.303-0.762-0.496-0.214-0.389-0.097-0.966 0.301-1.177l0.322-0.077c0.723 0.276 0.486 0.063 0.82 0.491 0.177 0.376 0.108 0.678 0.028 0.841s0.052 0.362 0.18 0.527c0.373 0.353 0.208 0.234 0.557 0.439 0.022 0.013 0.046 0.027 0.072 0.043 0.014-0.010 0.029-0.020 0.043-0.031 0.927-0.675 1.231-1.478 1.35-2.585-0.011-0.777-0.275-1.542-0.832-2.090-0.015-0.015-0.031-0.030-0.047-0.045-0.015 0.004-0.029 0.009-0.043 0.012-0.268 0.049-0.346 0.077-0.671 0.296-0.115 0.078-0.268 0.174-0.247 0.311 0.078 0.516-0.049 0.721-0.192 0.889-0.287 0.338-0.868 0.435-1.207 0.138s-0.308-0.915-0.020-1.214c0.288-0.3 0.595-0.342 0.776-0.326s0.32-0.178 0.429-0.356c0.158-0.247 0.165-0.268 0.177-0.459 0.001-0.019 0.007-0.041 0.011-0.066-0.014-0.005-0.025-0.019-0.037-0.025-0.714-0.368-1.040-0.475-1.774-0.459z"></path>
</svg>

After

Width:  |  Height:  |  Size: 3.0 KiB

5
svg/ability-cleave.svg Normal file
View File

@ -0,0 +1,5 @@
<!-- Generated by IcoMoon.io -->
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="24" height="32" viewBox="0 0 24 32">
<title>ability-cleave</title>
<path fill="#444" d="M10.467 0.445c-1.341 1.359-2.652 2.756-3.605 4.386 2.87-2.321 6.569-3.853 10.451-3.489-0.865 0.342-1.741 0.663-2.605 1 1.547-0.027 3.129-0.337 4.658 0.065 1.782 0.38 3.17 1.554 4.634 2.5-2.417-1.136-5.144-2.027-7.928-1.391-4.233 0.967-6.396 4.329-6.86 6.563-0.576 2.771 0.449 6.516 1.915 9.562-0.035 0.036-0.085 0.101-0.113 0.139-0.977 1.348-1.405 2.016-2.848 2.389-0.314 0.081-2.175 0.433-2.175 0.433 0.536 1.205 0.686 1.617 0.694 1.644 0.195 0.63 0.065 1.129-0.062 1.735-3.599-2.564-5.181-6.691-6.278-10.607-0.571-1.967-0.318-4.005-0.071-5.989 0.288 2.821 0.67 5.707 2.041 8.283 0.229-4.12-0.418-8.696 2.123-12.343 1.917-1.712 3.999-3.277 6.028-4.881zM17.716 13.818c-2.376 3.207-4.415 6.164-7.557 8.771-0.85 0.705-1.633 0.858-2.181 0.858-0.268 0-0.634-0.090-0.597-0.056 1.414 1.306 0.536 3.172 0.202 4.808 0 0 0 0 0 0s0 0 0 0 0 0 0 0c1.070-0.543 2.017-1.647 3.358-1.408 1.453 0.766 1.464 2.506 0.182 3.435 0.153 0.223 0.459 0.674 0.612 0.902 1.729-0.625 3.588-1.288 4.687-2.766 1.359-1.603 1.359-3.761 0.823-5.647-1.323 1.027-2.416 2.12-4.099 2.564-0.238 0.063-0.745 0.054-0.918-0.063-0.295-0.199-0.374-0.88-0.113-1.236 1.569-2.143 2.629-4.42 4.277-6.483 1.899-2.377 3.588-5 6.369-6.609-0.435-1.326-1.723-1.788-3.123-1.81-0.553 1.603-0.888 3.326-1.923 4.739z"></path>
</svg>

After

Width:  |  Height:  |  Size: 1.4 KiB

View File

@ -0,0 +1,5 @@
<!-- Generated by IcoMoon.io -->
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="31" height="32" viewBox="0 0 31 32">
<title>ability-combat-condition</title>
<path fill="#444" d="M15.785 2.232c0.825 0.121 1.415 0.567 1.869 1.246l12.94 22.51c0.967 1.682-0.247 3.78-2.187 3.78h-25.88c-1.94 0-3.154-2.098-2.187-3.78l12.94-22.51c0.666-1.030 1.336-1.246 2.505-1.246zM15.467 4.735l-12.94 22.51h25.88l-12.94-22.51zM13.525 24.152q0 0.768 0.555 1.261t1.386 0.493 1.386-0.493 0.555-1.261-0.555-1.261-1.386-0.493-1.386 0.493-0.555 1.261zM16.3 20.933c0 0 0.619-0.025 0.639-0.689s0.391-9.151 0.391-9.151 0.045-0.491-0.518-0.491l-2.601 0c0 0-0.563 0-0.557 0.502l0.417 9.116c0 0-0.034 0.687 0.608 0.712h1.622z"></path>
</svg>

After

Width:  |  Height:  |  Size: 724 B

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 7.4 KiB

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 7.4 KiB

After

Width:  |  Height:  |  Size: 2.2 KiB

View File

@ -0,0 +1,6 @@
<!-- Generated by IcoMoon.io -->
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
<title>ability-corrupted</title>
<path fill="#444" d="M27.005 8.88c0 0 2.741 6.546 2.741 6.546s1.328 2.502 1.276 3.925c0.093 1.774-0.759 3.507-2.467 4.13-0.864 0.293-0.832 1.467-1.203 2.163-0.118 0.176-0.216 0.219-0.348 0.218-0.138-0.001-0.284-0.095-0.348-0.218-0.365-0.699-0.339-1.87-1.203-2.163-1.352-0.497-2.094-1.63-2.394-2.989h-3.087c-0.251 1.357-1.099 2.482-2.394 2.989-0.864 0.293-0.832 1.467-1.203 2.163-0.118 0.176-0.216 0.219-0.348 0.218-0.138-0.001-0.284-0.095-0.348-0.218-0.365-0.699-0.339-1.87-1.203-2.163-1.352-0.497-2.094-1.63-2.394-2.989h-3.087c-0.251 1.357-1.099 2.482-2.394 2.989-0.864 0.293-0.832 1.467-1.203 2.163-0.118 0.176-0.216 0.219-0.348 0.218-0.138-0.001-0.284-0.095-0.348-0.218-0.365-0.699-0.339-1.87-1.203-2.163-1.707-0.623-2.559-2.356-2.467-4.13-0.052-1.423 1.276-3.925 1.276-3.925l2.774-6.576c0 0 2.711 6.576 2.711 6.576s0.852 1.659 1.114 2.558h3.265c0.231-0.908 1.114-2.558 1.114-2.558s2.698-6.546 2.728-6.546c0.031 0 2.757 6.546 2.757 6.546s0.852 1.659 1.113 2.558h3.265c0.231-0.908 1.113-2.558 1.113-2.558l2.744-6.546zM16.026 12.835v0c-0.249 1.136-0.5 1.767-0.482 3.444-1.386 0.365-2.563 1.574-2.542 3.064-0.006 1.499 1.161 2.677 2.556 3.024 0.023 0.916 0.144 1.83 0.469 2.686 0.022-0.091 0.063-0.165 0.095-0.253 0.271-0.74 0.364-1.612 0.405-2.426 1.351-0.386 2.557-1.544 2.522-3.025 0.061-1.505-1.148-2.696-2.528-3.055 0-1.174-0.121-2.34-0.495-3.459zM16.524 17.259l0.156 0.071c0.782 0.397 1.417 1.081 1.418 1.999 0.035 0.977-0.759 1.728-1.603 2.076-0-0.023-0-0.070 0.029-4.146zM15.558 17.243l0 0.004c0.010 1.382 0.014 2.763 0.019 4.145-1.035-0.217-1.754-1.275-1.598-2.333 0.083-0.886 0.832-1.457 1.579-1.816zM27.003 12.835v0c-0.249 1.136-0.5 1.767-0.482 3.444-1.386 0.365-2.563 1.574-2.542 3.064-0.006 1.499 1.161 2.677 2.556 3.024 0.023 0.916 0.144 1.83 0.469 2.686 0.022-0.091 0.063-0.165 0.095-0.253 0.272-0.74 0.364-1.612 0.405-2.426 1.351-0.386 2.557-1.544 2.522-3.025 0.061-1.505-1.148-2.696-2.528-3.055 0-1.174-0.121-2.34-0.495-3.459zM27.501 17.259l0.156 0.071c0.782 0.397 1.417 1.081 1.418 1.999 0.035 0.977-0.759 1.728-1.603 2.076-0-0.023-0-0.070 0.029-4.146zM26.534 17.243l0 0.004c0.010 1.382 0.014 2.763 0.019 4.145-1.035-0.217-1.754-1.275-1.598-2.333 0.083-0.886 0.832-1.457 1.579-1.816zM5.049 12.835v0c-0.249 1.136-0.5 1.767-0.482 3.444-1.386 0.365-2.563 1.574-2.542 3.064-0.006 1.499 1.162 2.677 2.556 3.024 0.023 0.916 0.144 1.83 0.469 2.686 0.022-0.091 0.063-0.165 0.095-0.253 0.272-0.74 0.364-1.612 0.405-2.426 1.351-0.386 2.557-1.544 2.522-3.025 0.061-1.505-1.148-2.696-2.528-3.055 0-1.174-0.121-2.34-0.495-3.459zM5.547 17.259l0.156 0.071c0.782 0.397 1.417 1.081 1.418 1.999 0.035 0.977-0.759 1.728-1.603 2.076-0-0.023-0-0.070 0.029-4.146zM4.581 17.243l0 0.004c0.010 1.382 0.014 2.763 0.019 4.145-1.035-0.217-1.754-1.275-1.598-2.333 0.083-0.886 0.832-1.457 1.579-1.816z"></path>
<path fill="#444" d="M5.177 5.547v0 0c1.634 3.699 3.205 7.429 4.417 11.29h1.81c0.161-0.549 0.365-1.084 0.56-1.622 0.393-1.080 0.812-2.15 1.248-3.213 0.881-2.179 1.851-4.319 2.831-6.455v0 0c1.653 3.69 3.183 7.437 4.417 11.29h1.818c0.162-0.549 0.365-1.084 0.56-1.622 0.393-1.080 0.812-2.15 1.248-3.213 0.881-2.179 1.851-4.319 2.831-6.455v0l-0-0h0v0c1.635 3.631 3.248 7.348 4.483 11.134 0.321 0.889 0.573 2.282 0.596 2.731s-0.041 1.144-0.204 1.852l-0.074 0.303c-0.56 2.581-2.045 4.776-4.918 4.886-2.658-0.071-4.194-2.562-4.774-4.886l-1.278-0c-0.56 2.581-1.949 4.776-4.822 4.886-2.662-0.071-4.193-2.562-4.776-4.886h-1.267c-0.56 2.581-1.949 4.776-4.822 4.886-3.451-0.013-5.060-4.29-5.060-7.078 0.107-1.431 0.61-2.82 1.098-4.16 0.393-1.080 0.812-2.15 1.248-3.213 0.886-2.176 1.843-4.323 2.831-6.455v-0zM26.911 6.208c-0.187 0.405-0.371 0.812-0.555 1.219-0.606 1.346-1.211 2.736-1.776 4.093-0.193 0.465-0.379 0.918-0.556 1.359-0.54 1.353-1.401 3.805-1.456 3.999-0.041 0.145-0.152 0.228-0.372 0.23s-0 0-0 0v-0c-1.081-0-0.526-0-1.663-0.001-0.284 0-0.356-0.259-0.356-0.259-0.402-1.345-0.891-2.661-1.385-3.974-0.171-0.446-0.35-0.904-0.536-1.374-0.539-1.355-1.116-2.741-1.693-4.083-0.174-0.404-0.349-0.807-0.526-1.21-0.187 0.405-0.371 0.812-0.554 1.219-0.606 1.346-1.211 2.736-1.776 4.093-0.193 0.465-0.379 0.918-0.556 1.359-0.541 1.354-1.019 2.665-1.472 4.051-0.031 0.094-0.134 0.174-0.361 0.175-1.162 0.009-0.534 0.003-1.65 0.002-0.284 0-0.356-0.259-0.356-0.259-0.402-1.345-0.891-2.661-1.385-3.974-0.171-0.446-0.35-0.904-0.536-1.374-0.539-1.355-1.116-2.741-1.693-4.083-0.174-0.404-0.349-0.807-0.526-1.21-0.187 0.405-0.371 0.812-0.554 1.219-0.606 1.346-1.211 2.736-1.776 4.093-0.193 0.465-0.379 0.918-0.556 1.359-1.271 3.169-2.011 5.481-2.011 6.496 0 1.451 0.438 3.147 1.198 4.442 0.881 1.5 2.104 2.358 3.59 2.364 1.592 0.006 2.813-0.779 3.648-2.202 0.451-0.745 0.694-1.579 0.897-2.418l0.007-0c0 0 0.106-0.253 0.324-0.265 0.381-0.009 0.763-0.006 1.144-0.004 0.164-0.008 0.302 0.091 0.342 0.245 0.214 0.822 0.499 1.543 0.914 2.282 0.881 1.5 2.104 2.358 3.59 2.364 1.592 0.006 2.813-0.779 3.648-2.202 0.451-0.745 0.694-1.579 0.898-2.418l0.007-0c0 0 0.106-0.253 0.324-0.265 0.041-0.002 0.042-0.002 0.099-0.003 0.75-0.004 0.371-0.008 1.034-0.003 0.215 0.002 0.346 0.152 0.377 0.269 0.228 0.867 0.46 1.48 0.898 2.26 0.881 1.5 2.104 2.358 3.59 2.364 1.592 0.006 2.834-0.809 3.708-2.209 0.464-0.743 0.73-1.572 0.933-2.412l0-0c0.187-0.701 0.347-1.56 0.272-2.249-0.187-1.72-0.54-2.47-0.544-2.482-0.402-1.345-0.948-2.631-1.442-3.944-0.171-0.446-0.37-0.927-0.556-1.397-0.539-1.355-1.158-2.727-1.735-4.070-0.174-0.404-0.349-0.807-0.526-1.21z"></path>
</svg>

After

Width:  |  Height:  |  Size: 5.5 KiB

5
svg/ability-coven.svg Normal file
View File

@ -0,0 +1,5 @@
<!-- Generated by IcoMoon.io -->
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="20" height="32" viewBox="0 0 20 32">
<title>ability-coven</title>
<path fill="#444" d="M5.923 1.105l0.172-0.271c-0.157 1.1-0.067 2.15 0.086 2.598 0.308 0.899 1.458 1.665 1.785 2.327 0.732 1.479 0.693 3.268-0.148 4.666-0.949 1.148-2.97 1.098-3.632-0.431-0.714-1.65 1.366-3.078 0.862-3.546-1.908-1.773-0.127-3.653 0.874-5.343zM10.977 12.867c0.7-0.338 1.242-0.746 1.804-1.284 0.765 0.236 0.086 1.105-0.193 1.478-1.573 1.549-0.605 3.925-0.893 5.857-0.345 2.409 0.595 4.414 0.92 6.768 0.125 0.907 2.854 1.64 2.363 3.085-0.997 0.708-1.586-0.508-2.59-0.848-1.36-0.46-2.544 1.386-3.937 1.622-2.239 0.727-5.937-0.923-6.143-1.475-0.237-0.638-0.427-2.454 0.173-3.84 0.718-1.66 0.042-3.626-0.166-5.345-0.156-1.87-0.751-3.665-1.285-5.46 1.256 0.746 2.549 1.918 2.381 3.465-0.172 1.588-0.074 3.263 0.453 4.768 0.374 1.069 2.159 0.175 2.106-0.779 0.161-1.039-1.541-1.522-1.131-2.535 0.419-1.034-0.281-1.942 0.267-2.778 1.242-0.071 2.65-0.423 3.525-1.408 0.295-0.332-0.007 1.679 0.776 1.687 1.194 0.012-0.332-2.056 1.57-2.976zM9.399 9.849c-0.241 3.051-4.718 3.245-5.871 0.69-1.285-0.453-2.782 0.35-3.528 1.422 0.439 1.828 1.1 3.675 0.836 5.611 0.553 2.281 1.866 5.077 0.009 7.108-0.028 1.365-0.052 2.735 0.038 4.095 2.012 1.738 4.014 2.616 7.601 1.967 1.618-0.293 2.943-1.151 4.717-1.107 1.71 0.043 3.052 1.25 4.742 1.51l0.256 0.025c1.027 0.099 2.639-0.745 1.861-2.052-1.011-1.7-3.696-0.688-5.132-2.053-1.1-1.143-1.219-2.952-0.571-4.35 0.222-1.384-1.639-1.341-1.88-2.489-0.406-2.414 0.817-4.643 0.987-7.019 0.893-2.324-2.229-3.797-4.067-3.358z"></path>
</svg>

After

Width:  |  Height:  |  Size: 1.6 KiB

5
svg/ability-d20.svg Normal file
View File

@ -0,0 +1,5 @@
<!-- Generated by IcoMoon.io -->
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="30" height="32" viewBox="0 0 30 32">
<title>ability-d20</title>
<path fill="#444" d="M4.654 18.61l10.584-10.096c0.514-0.509 0.811-0.123 0.927 0.312l3.409 14.3c0 0.404-0.171 0.576-0.576 0.576l-14.034-3.985c-0.531-0.088-0.841-0.664-0.31-1.107zM4.61 5.992c-0.404 0-0.724 0.271-0.724 0.676l0.303 9.926c0 0.404 0.191 0.953 0.997 0.422l9.474-9.209c0.354-0.487 0.044-0.841-0.599-0.865l-9.451-0.951zM20.37 22.107c0.117 0.636 0.727 0.647 1.043 0.255l7.236-9.066c0.185-0.329 0.125-0.547-0.204-0.733l-10.827-4.597c-0.329-0.185-0.864-0.064-0.679 0.615l3.432 13.524zM10.117 28.716c0.165 0.369 0.543 0.551 0.912 0.386l6.508-3.807c0.369-0.165 0.664-0.708-0.004-0.974l-11.861-3.497c-0.589-0.125-0.892 0.132-0.509 0.856l4.954 7.037zM15.191 6.341c0.781 0.089 0.656-0.063 0.974-0.664l1.466-3.095c0.324-0.643 0.301-0.95-0.274-0.801l-11.466 1.948c-1.471 0.31-1.964 1.195-1.383 1.372l10.683 1.24zM17.183 6.922c-0.603-0.343-0.369-0.633-0.084-1.312l1.376-3.168c0.279-0.607 0.531-0.839 1.099-0.39l7.98 7.352c1.166 1.417 0.907 2.16-0.129 1.818l-10.242-4.301zM21.441 23.868c-0.341 0.541-0.097 0.807 0.479 0.94l2.789 0.797c0.708 0.065 1.184-0.43 1.594-1.372l3.028-7.904c0.441-1.598-0.042-2.364-0.726-1.526zM22.656 27.080c1.299-0.587 0.849-0.874 0.105-1.122l-2.335-0.734c-0.657-0.2-1.107-0.033-1.694 0.32l-6.552 3.795c-1.042 0.709-1.579 1.093 0.153 0.837zM3.016 7.143c-0.191-1.392-1.14 0.397-1.24 1.245l-1.55 9.69c0 0.404 0.001 0.788 0.708 0.93l1.823 0.216c0.404 0 0.591-0.574 0.568-1.146l-0.31-10.935zM1.334 19.893c-0.305 0.011-1.921-0.103-1.107 0.908l7.792 8.362c0.708 0.603 1.151 0.404 1.151 0l-4.9-7.587c-0.353-0.552-0.895-1.301-1.229-1.412s-1.402-0.28-1.708-0.27z"></path>
</svg>

After

Width:  |  Height:  |  Size: 1.7 KiB

View File

@ -0,0 +1,5 @@
<!-- Generated by IcoMoon.io -->
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="28" height="32" viewBox="0 0 28 32">
<title>ability-day-night</title>
<path fill="#444" d="M9.99 8.024c1.698-2.197 4.324-4.575 6.703-5.995 0.052 1.706 0.417 3.932 2.205 4.141 1.711 0.2 3.343-0.754 4.32-1.817-0.219 1.392-0.996 3.15 0 4.379 1.022 1.262 2.583 1.476 4.203 1.41-1.144 0.81-2.133 1.922-2.237 3.536-0.124 1.914 1.503 3.3 3.19 3.738-1.13 0.043-2.669 0.208-3.488 1.088-1.192 1.281-0.624 2.997-0.119 4.498-1.058-0.062-2.268-0.188-3.426 0.506-1.192 0.715-1.363 2.203-1.668 3.485-1.425-0.734-3.005-1.423-4.506-1.981 3.151-0.486 6.025-2.479 7.412-5.367 1.287-2.712 0.982-6.077-0.725-8.532-2.24-3.389-6.836-4.995-10.642-3.544-1.035 0.395-1.338 0.606-1.221 0.454zM9.24 9.808c-2.126 4.838-0.424 10.782 3.704 13.99 1.034 0.276 2.287 0.194 3.29-0.032 3.065-0.69 5.424-3.271 6.091-6.369 0.157-1.73-0.033-3.503-0.81-5.076-2.293-4.271-8.499-5.682-12.274-2.512zM13.614 2.743c-7.519 0-13.614 6.095-13.614 13.614s6.095 13.614 13.614 13.614c2.355-0.119 4.792-0.502 6.798-1.852l-1.217 0.064c-7.223 0-13.853-6.073-13.853-13.197 0.301-5.879 3.261-10.178 8.793-12.232z"></path>
</svg>

After

Width:  |  Height:  |  Size: 1.1 KiB

View File

@ -0,0 +1,5 @@
<!-- Generated by IcoMoon.io -->
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="26" height="32" viewBox="0 0 26 32">
<title>ability-daybound-nightbound</title>
<path fill="#444" d="M16.806 17.537c0 0 2.224 0.698 3.549 1.142-0.544 0.672-1.376 1.94-1.389 1.953s-2.737-0.014-2.737-0.014l0.619-0.592c0 0-0.041-2.49-0.041-2.49zM10.313 8.767c-0.196 0.026-0.223 0.031-0.537 0.159 0.464 0.764 1.084 0.995 1.907 0.708 0.010-0.004 0.021-0.007 0.032-0.010-0.413-0.39-0.783-0.94-1.402-0.856zM9.637 8.062c1.915-0.212 2.125 0.898 3.472 2.121-0.026 0.009-0.052 0.017-0.078 0.026-2.038 0.711-3.573 0.14-4.723-1.753-0.013-0.021 0.686-0.323 1.329-0.394zM3.323 1.332l-0.483 0.026c-0.439 1.618-0.809 3.259-1.362 4.844 0.019-0.017 0.037-0.017 0.060-0.031 0.493-0.308 1.145-0.691 1.542-1.071 0.731 2.066 1.62 4.303 1.15 6.57-1.138-1.143-2.917-2.453-2.656-4.313-0.475 0.224-1.051 0.45-1.526 0.67-0.087 1.143-0.169 2.486 0.832 3.286 1.632 1.325 3.295 2.678 4.301 4.575-0.128 0.471-0.26 0.941-0.393 1.412 0.315 0.462 0.89 0.978 1.219 1.43-0.407 0.763-1.482 2.246-1.482 2.246s2.895-0.070 2.895-0.070c0 0-2.12 2.005-2.787 3.216 0.052 0.048 0.152 0.074 0.22 0.108 0.834 0.418 1.636 0.862 1.595 1.747-0.128 1.705-1.439 3.253-2.266 4.693 0 0 2.107-0.878 3.763-2.078 1.152-0.834 2.496-0.604 3.799-0.943-0.462-0.43-1.11-0.927-1.572-1.361 1.718-0.032 3.637-0.021 5.085-1.095-0.59-0.069-1.877-0.207-2.467-0.276 1.91-1.106 4.353-1.38 5.98-2.952-1.636-0.018-3.38-0.074-5.016-0.165 0.704-0.535 2.045-1.663 2.045-1.663s-2.498-1.799-2.513-1.794c-0.015 0.005-1.618 2.515-1.618 2.515s-2.456-3.28-2.456-3.28c0 0-1.672 2.033-1.721 1.985s-0.63-1.872-0.657-2.85c0.265 0.516 0.777 1.563 0.777 1.563s1.616-2.11 1.616-2.11c0 0 2.397 3.206 2.397 3.206s1.353-2.529 1.353-2.529c0 0 3 2.471 3 2.471s0.031-3.041 0.031-3.041c0 0 4.264 1.486 4.347 1.458 1.981-0.674 3.225-0.88 5.245-0.821-1.069-0.873-2.189-1.741-3.537-2.134-1.38-0.494-2.863-0.376-4.184-1.034-1.81-1.549-2.849-3.971-4.718-5.461-1.641-1.028-3.904-1.064-5.284-2.54-1.252-1.307-2.852-2.564-3.396-4.383-0.551-0.045-0.166-0.020-1.158-0.026z"></path>
</svg>

After

Width:  |  Height:  |  Size: 2.0 KiB

5
svg/ability-decayed.svg Normal file
View File

@ -0,0 +1,5 @@
<!-- Generated by IcoMoon.io -->
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="18" height="32" viewBox="0 0 18 32">
<title>ability-decayed</title>
<path fill="#444" d="M4.947 2.152c1.203-0.621 2.425-1.252 3.737-1.597 0.36 0.237 0.956 0.649 1.316 0.885-0.951 1.563-3.116 2.363-3.195 4.37 1.484-1.464 2.854-3.057 4.373-4.496 1.597 0.138 3.224 0.473 4.782 0.887 0.592 0.789 1.302 1.583 1.533 2.564-1.4-1.686-3.826-1.454-5.655-0.71-1.799 1.41-2.578 3.663-3.909 5.452-1.070 1.513-1.208 3.392-1.075 5.186 1.435 2.071 4.319 2.1 6.409 1.193 0.493-0.725 0.399-2.268 1.484-2.307 0.468 1.553-0.182 3.525-1.839 4.003-0.651 0.242-0.981 1.006-1.696 1.104-1.223-0.153-2.519-0.695-3.717-0.148-1.366 0.527-2.061 1.873-3.066 2.844 0.552 3.619 2.136 7.053 2.974 10.617l-0.347-0.227c-1.38-1.134-1.020-2.971-2.346-4.134-0.705-0.582-0.843-1.548-1.464-2.184-0.015 0.375-0.193 0.942-0.208 1.317-0.69 0.266-1.35 0.621-1.636 1.4-0.577 0.532-0.187 1.79-1.228 1.844 0.035-5.014-0.144-10.053-0.144-15.067l0.274-0.649c0 0 0-4.452 0-4.452s-0.273-0.669-0.274-0.699c-0.038-0.67-0.069-2.295 0.093-2.919 0.006-0.021 0.050-0.074 0.056-0.095 0.951-1.099 1.637-2.406 2.618-3.48l0.739 0.108c-0.153 1.395-1.321 2.406-1.632 3.761 1.666-0.794 1.716-3.18 3.042-4.373zM10.776 6.053c0.616 1.223 2.31 2.35 1.773 4.080 1.504-1.351 1.048-4.143-0.381-5.514-0.554 0.382-0.826 0.97-1.324 1.392-0.017 0.014-0.047 0.032-0.067 0.042zM9.517 12.677c0.074-0.015 0.217-0.054 0.291-0.074-0.082-1.152 0.33-2.613-0.701-3.459-0.019-0.016-0.046-0.068-0.058-0.046-0.288 0.531-0.575 0.894-0.727 1.147 0 0 0 0 0 0-0.016 0.026 0.012 0.061 0.020 0.091 0.19 0.753 1.077 1.577 1.176 2.341 0 0 0 0 0 0z"></path>
</svg>

After

Width:  |  Height:  |  Size: 1.6 KiB

12
svg/ability-disturb.svg Normal file
View File

@ -0,0 +1,12 @@
<!-- Generated by IcoMoon.io -->
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="26" height="32" viewBox="0 0 26 32">
<title>ability-disturb</title>
<path fill="#444" d="M20.149 20.541v4.542c2.137 1.346 1.771 3.082 1.144 3.755l-1.791 1.918c-0.577 0.491-1.494 0.821-2.050 0.737l-15.006-3.246c-0.4-0.112-0.623-0.488-0.665-0.89-0.013-0.122-0.023-0.402 0.147-0.566 0.575-0.552 1.492 0.266 2.112 0.406s13.411 2.346 13.411 2.346c0.556 0.084 1.292-0.078 1.868-0.569l1.011-1.055c0.25-0.434-0.043-0.772-0.388-1.029-0.119 0.166-0.311 0.213-0.503 0.233-0.392 0-0.709-0.325-0.709-0.726l-0-4.672c1.123-0.882 0.662-0.474 1.418-1.184z"></path>
<path fill="#444" d="M17.398 22.673c-0.015 1.985-0.002 0.497-0.055 4.463 0 0.075-6.309-0.596-6.559-0.596l-0.701-0.349c2.593-0.814 5.040-2.045 7.316-3.517z"></path>
<path fill="#444" d="M21.363 14.068c0.252 0.064 0.405 0.299 0.539 0.505 1.255 2-1.013 3.589-2.403 4.99-2.557 2.579-9.436 6.283-14.352 6.437-2.591 0.081-6.636 0.066-4.588-3.818 0.492-0.932 2.558-2.528 2.030-0.922-1.014 3.086 0.549 3.15 3.131 2.91 4.791-0.278 11.565-3.96 13.691-5.952 2.182-2.046 1.536-2.6 1.527-3.191 0-0.235 0.028-0.893 0.349-0.957 0.025-0.005 0.051-0.002 0.077-0.002z"></path>
<path fill="#444" d="M8.964 2.724l0.776 0c4.062 0.186 7.342 3.541 7.566 6.969l0.022 0.891c-1.024 0.62-2.196 1.152-3.299 1.608-0.61 0.252-1.123 0.559-1.302 1.148-0.355 1.165 0.594 1.761 1.709 1.701 1.022-0.078 2.023-0.274 2.979-0.638l0.010 3.901c-3.477 2.35-7.55 4.288-11.773 4.706l-0.040 0.003c-0.725 0.067-1.191 0.092-1.565 0.077l-0.113-0.008c-0.067-0.036-0.137-0.069-0.195-0.119-0.224-11.218-0.783-13.792-0.783-13.752l0.267-0.215c1.585 1.413 3.479 2.657 5.564 3.153 1.496 0.356 2.806 0.123 3.187-0.953 0.423-1.194-0.289-2.315-1.88-2.496l-0.267-0.052c-2.155-0.518-4.675-1.323-5.45-3.639 0.051-0.261-0.001-0.148 0.143-0.345 0.846-0.814 1.858-1.432 3.003-1.726 0.469-0.121 0.959-0.142 1.438-0.212z"></path>
<path fill="#444" d="M20.121 12.711l0.037 3.048c-0.248 0.863-0.793 1.244-1.423 1.533l0.002-3.692c0.432-0.363 0.943-0.484 1.384-0.889z"></path>
<path fill="#444" d="M21.805 0.959c2.71-0.020 4.225 2.314 3.661 4.868-1.164 4.491-7.637 7.855-11.091 8.11-0.932 0.050-0.471-0.664 0-0.8 2.836-0.818 7.546-3.582 8.564-6.182 0.968-2.472 0.673-5.364-4.246-4.018l-0.409 0.127c-0.574 0.090-0.955-0.232-0.091-0.8 1.152-0.744 2.238-1.21 3.612-1.304z"></path>
<path fill="#444" d="M5.059 1.151c0.049-0.007 0.023 0.011 0.005 0.022-2.073 1.091-3.673 6.509 4.582 8.328l0.259 0.050c1.352 0.301 0.838 2.074-0.935 1.726-2.096-0.461-10.095-4.503-5.606-9.331 0.41-0.377 1.138-0.698 1.695-0.794z"></path>
<path fill="#444" d="M11.291 0.571c0.787-0.003 1.569 0.121 2.314 0.377 3.064 1.054 5.222 4.1 6.21 7.108 0 0 0.107 0.302 0.196 0.8 0.011 0.062 0.063 0.251 0.007 0.299-0.373 0.32-0.423 0.38-1.159 0.711-0.058 0.026-0.181 0.064-0.166-0.124 0.024-0.302-0.062-0.603-0.122-0.9-2.603-7.595-8.142-7.705-12.326-6.671 0.151-0.091 0.3-0.179 0.449-0.261 1.224-0.671 2.559-1.176 3.958-1.307 0.212-0.020 0.426-0.021 0.639-0.032z"></path>
</svg>

After

Width:  |  Height:  |  Size: 2.9 KiB

5
svg/ability-domain.svg Normal file
View File

@ -0,0 +1,5 @@
<!-- Generated by IcoMoon.io -->
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="24" height="32" viewBox="0 0 24 32">
<title>ability-domain</title>
<path fill="#444" d="M14.901 3.543c2.867 2.281 2.131 1.57 5.867 4.885s4.371 8.493 1.183 12.398c-2.648 3.243-5.853 5.762-8.528 8.995-0.96 0.032-1.912 0.023-2.872 0.014-2.698-3.466-6.178-5.99-9.078-9.667-1.617-2.050-1.783-4.831-1.074-7.346 1.312-4.010 8.143-8.892 8.143-8.892 2.311-1.516 2.567-1.738 3.461-1.772 1.129-0.043 2.898 1.385 2.898 1.385zM11.022 16.782c-0.038 0.008-0.205-0.002-0.244 0-2.063 0.132-4.228 0.163-6.847 2.154-0.051 0.039-0.132 0.15-0.132 0.15 7.191 7.549 7.261 7.657 7.291 7.711 0.027-3.283 0.147-6.731-0.068-10.014l-0-0zM13.354 16.782c-0.039-0.002-0.206 0.008-0.244 0-0.215 3.283-0.095 6.732-0.068 10.014 0.030-0.054 0.1-0.162 7.291-7.711 0 0-0.081-0.111-0.132-0.15-2.619-1.991-4.784-2.022-6.847-2.154l-0-0zM17.906 8.74c-0.544 2.305-1.817 4.73-3.751 6.216 2.442-0.027 5.156 1.111 7.305 2.203 0.643-3.086-0.223-6.505-3.482-8.374-0.025-0.014-0.048-0.031-0.071-0.046zM6.226 8.739c-0.024 0.015-0.047 0.032-0.071 0.046-3.259 1.869-4.126 5.288-3.482 8.374 2.149-1.093 4.863-2.231 7.305-2.203-1.934-1.486-3.207-3.912-3.751-6.216l-0-0zM12.049 4.493c-2.066 0.037-4.004 2.224-4.004 2.771 0 1.748 1.269 4.984 2.864 6.047 0.362 0.241 0.325 0.183 1.136 0.183 0.897 0 0.74 0.027 1.1-0.176 1.76-0.992 2.804-4.205 2.804-5.986 0-0.616-2.012-2.873-3.9-2.84l-0-0zM11.997 10.284c0.868 0 1.572-0.704 1.572-1.572s-0.704-1.572-1.572-1.572c-0.868 0-1.572 0.704-1.572 1.572s0.704 1.572 1.572 1.572z"></path>
</svg>

After

Width:  |  Height:  |  Size: 1.5 KiB

5
svg/ability-dungeon.svg Normal file
View File

@ -0,0 +1,5 @@
<!-- Generated by IcoMoon.io -->
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="26" height="32" viewBox="0 0 26 32">
<title>ability-dungeon</title>
<path fill="#444" d="M14.992 1.575c1.31 0.157 0.757 0.040 1.673 0.278 1.139 0.676 2.408 1.155 3.401 2.052 0.138 0.036 0.407 0.103 0.546 0.138 0.348 0.344 0.704 0.688 1.060 1.024 0.265 0.664 0.577 1.329 0.613 2.056-0.265 0.111-0.791 0.336-1.056 0.447 0.024 0.229 0.067 0.684 0.091 0.91 0.075 0.129 0.43 0.161 0.494 0.295 0.14 0.29-0.030 0.691 0.059 1.002 0.577-0.004 1.155-0.008 1.732-0.012 0.078 0.229 0.151 0.46 0.219 0.692 0.029 0.098 0.335 0.097 0.362 0.196 0.133 0.491-0.041 1.090 0.020 1.6 0.15 0.273 0.469 0.15 0.623 0.427-0.008 1.72-0.044 3.816 0 5.536-0.219 0.29-0.487 0.59-0.692 0.692-0.545 0.272-0.931-0.072-0.939 0.198l-0.036 1.084 0.283 0.047c0.261-0.012 0.654 0.036 0.916 0.020 0.182 0.182 0.55 0.546 0.732 0.728 0.005 0.584-0.107 1.454-0.016 2.027 0.026 0.165 0.515 0.071 0.544 0.235 0.173 1.002 0.089 1.967 0.046 2.998 0.084 0.145 0.446 0.174 0.498 0.326 0.245 0.716-0.114 1.621-0.071 2.375-0.787-0.008-1.57-0.016-2.353-0.028h-0c-0.55 0.020-1.095 0.044-1.645 0.071-0.089 0.042-0.134 0.359-0.231 0.399-0.343 0.143-0.773 0.003-1.088 0.148-0.051-0.305 0.101-1.030 0.049-1.335-0.050-0.109-0.487 0.019-0.494-0.099-0.049-0.84-0.009-1.726 0.012-2.543v-0c-0.007-5.078-0.005-2.539-0.008-7.616v0c0.004-1.973-0.028-4.134-0.103-6.104-0.526-1.546-1.119-2.881-2.456-3.901-1.052-0.439-2.080-0.945-3.053-1.538-2.559-0.281-5.665 0.223-7.393 2.276-0.727 0.751-1.421 1.973-1.73 2.966s-0.445 3.757-0.378 4.897c0.010 0.166-0.239 0.228-0.264 0.392-0.149 0.982-0.106 2.305-0.049 3.306 0.053 1.061-0.194 2.183 0.049 3.219 0.065 0.277 0.409 0.083 0.544 0.346 0.111 2.131-0.107 4.486-0.087 6.622-1.004-0.008-2.013-0.008-3.017-0.020-0.554-0.324-1.115-0.637-1.681-0.941-0.866-1.807-0.514-3.844-0.554-5.774 0.293 0.004 0.886 0.008 1.182 0.012 0.293-0.297 0.585-0.589 0.878-0.882-0.641-0.221-1.89 0.044-2.013-0.878-0.154-2.721 0-5.449-0.059-8.178 0.166-0.162 0.494-0.486 0.66-0.652 0.32-0.008 0.961-0.028 1.281-0.036 0-0.194-0.004-0.577-0.004-0.767-0.696-0.281-1.392-0.566-2.088-0.846 0.308-1.78 1.052-3.083 2.090-4.566l0.643-0.593c0.478-0.53 0.506-0.389 0.973-0.931 1.304-1.109 0.633-0.579 2.013-1.59 0.633-0.411 1.266-0.823 1.914-1.21 0.439 0.459 0.87 0.921 1.305 1.384 0.463-0.225 0.933-0.443 1.412-0.645 0.589-0.119 1.171-0.289 1.772-0.356 0.012-0.455 0.024-0.91 0.032-1.364 1.702-0.016 0.756-0.010 2.839-0.017zM16.128 19.822c0.331 0.007 0.975 0.668 0.992 0.983 0.016 0.294-0.592 1.062-0.978 1.070-0.352 0.007-1.013-0.698-1.024-0.995-0.014-0.358 0.593-1.066 1.010-1.057zM12.775 7.267c-1.359 0.1-2.055 0.115-3.288 0.814-0.656 0.479-1.38 0.943-1.861 1.435s-1.236 2.126-1.236 2.126c-0.067 1.455-0.059 2.659-0.043 4.115-0.119 0.13-0.356 0.392-0.474 0.522 0.020 1.376-0.18 3.486-0.026 4.854 0.077 0.319 0.5-0.015 0.494 0.297-0.049 2.669-0.098 5.471-0.010 8.231 0.127 0.127 0.376 0.372 0.502 0.494 1.61-0.253 3.243-0.237 4.864-0.186 0.297-0.186 0.589-0.376 0.882-0.561 1.345 0.028 2.847 0.154 4.192 0.079 0.265-0.089 0.129-0.364 0.395-0.445 0.327-0.099 0.956-0.003 1.285-0.099 0.009-3.713-0.052-1.986-0.040-5.697-0.008-1-0.012-2.005-0.020-3.009h0c-0.008-1.795 0.024-3.587 0.020-5.378 0.059-1.803-0.878-3.417-1.586-5.014-0.7-0.66-1.317-1.424-2.112-1.977-1.020-0.517-0.392-0.264-1.94-0.601z"></path>
</svg>

After

Width:  |  Height:  |  Size: 3.3 KiB

5
svg/ability-enlist.svg Normal file
View File

@ -0,0 +1,5 @@
<!-- Generated by IcoMoon.io -->
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="27" height="32" viewBox="0 0 27 32">
<title>ability-enlist</title>
<path fill="#444" d="M15.756 19.759c2.177 2.045 4.353 4.090 6.53 6.135l0.046 2.961h-3.007c-1.132-1.22-2.265-2.44-3.399-3.658-0.091-2.905-0.050-1.615-0.121-3.87-0.002-0.048-0.002-0.048-0.003-0.097-0.015-0.49-0.031-0.981-0.046-1.471zM17.044 13.729l-0.027 0.017c-0.438 0.481-0.941 0.899-1.4 1.359 0.048 1.496 0.096 2.993 0.142 4.489 1.147-1.221 2.295-2.442 3.438-3.667 0.054-0.116-0.1-0.305-0.16-0.386-0.35-0.48-1.387-1.697-1.994-1.812zM18.177 10.658c-0.149 0-0.23-0.005-0.346 0.106l-1.108 1.108c-0.151 0.15-0.151 0.395 0 0.545l0.525 0.525c0.133-0.071 0.299-0.007 0.426 0.044 0.109 0.049 0.232 0.128 0.372 0.234 0.24 0.182 0.535 0.449 0.829 0.746 0.289 0.293 0.555 0.594 0.74 0.839 0.105 0.139 0.184 0.26 0.235 0.366 0.053 0.132 0.132 0.29 0.059 0.433l0.52 0.52c0.151 0.151 0.395 0.151 0.545 0l1.108-1.108c0.151-0.15 0.151-0.395 0-0.545l-3.706-3.706c-0.099-0.081-0.036-0.040-0.199-0.106zM20.774 10.276c-0.149 0-0.23-0.005-0.346 0.106l-0.454 0.454c-0.151 0.15-0.151 0.395 0 0.545l1.49 1.49c0.151 0.15 0.395 0.15 0.545 0l0.454-0.454c0.151-0.15 0.151-0.395 0-0.545l-1.49-1.49c-0.099-0.081-0.036-0.040-0.199-0.106zM21.873 8.85c-0.248 0-0.359-0.012-0.554 0.169-0.241 0.241-0.241 0.631 0 0.872l1.635 1.635c0.241 0.241 0.631 0.241 0.872 0s0.241-0.631 0-0.872l-1.635-1.635c-0.159-0.129-0.058-0.063-0.318-0.169zM25.162 6.947l0.11 0.008c0.331 0.135 0.203 0.051 0.405 0.215 0.306 0.306 0.306 0.802 0 1.109s-0.802 0.306-1.109 0c-0.306-0.306-0.306-0.802-0-1.109 0.187-0.144 0.35-0.234 0.595-0.223zM25.682 6.183c-0.549 0.056-1.071 0.088-1.541 0.407-0.025 0.009-0.002 0-0.058 0.047l-0.001 0.001-0 0c-0.516 0.569-0.899 1.242-1.273 1.909 0 0 0.363 0.509 0.665 0.812 0.327 0.327 0.825 0.678 0.825 0.678s1.454-0.789 1.912-1.276l0-0c0.559-0.689 0.453-1.714 0.44-2.548-0.532-0.033-0.21-0.018-0.969-0.030zM11.806 12.409c-0.024-0.342 3.071-0.303 3.084 0.001 0.026 0.592 0.546 17.343 0.546 17.343l-1.978 1.978-2.21-1.978c0 0 0.621-16.46 0.558-17.343zM12.224 7.232h2.107c0.213 0 0.385 0.173 0.385 0.385v0.642c0 0.213-0.173 0.385-0.385 0.385h-2.107c-0.213 0-0.385-0.173-0.385-0.385v-0.642c0-0.213 0.173-0.385 0.385-0.385zM15.898 9.339c0.213 0 0.385 0.173 0.385 0.385l-0 1.567c0 0.213-0.173 0.385-0.385 0.385h-0.736c-0.049-0.153-0.217-0.208-0.348-0.264-0.111-0.038-0.253-0.068-0.425-0.092-0.304-0.043-0.705-0.067-1.117-0.070-0.418-0.003-0.816 0.017-1.114 0.059-0.174 0.024-0.316 0.055-0.428 0.098-0.126 0.054-0.288 0.126-0.332 0.27h-0.742c-0.213 0-0.385-0.173-0.385-0.385v-1.567c0-0.213 0.173-0.385 0.385-0.385h5.241zM12.121 5.408h2.312c0.341 0 0.617 0.276 0.617 0.617v0c0 0.341-0.276 0.617-0.617 0.617h-2.312c-0.341 0-0.617-0.276-0.617-0.617v0c0-0.341 0.276-0.617 0.617-0.617zM13.278 1.636c0.433 0 0.784 0.351 0.784 0.784s-0.351 0.784-0.784 0.784c-0.433 0-0.784-0.351-0.784-0.784s0.351-0.784 0.784-0.784zM13.29 0.27v0 0c-0.637 0.562-1.312 1.178-1.508 2.042-0.011 0.024-0.001 0.001-0.008 0.075l-0 0.001 0 0c0.038 0.767 0.243 1.514 0.45 2.25 0 0 0.616 0.104 1.044 0.104 0.463 0 1.063-0.104 1.063-0.104s0.47-1.586 0.45-2.255l-0-0c-0.141-0.906-0.856-1.517-1.49-2.113v0zM10.911 19.759c-0.015 0.49-0.031 0.981-0.046 1.471-0.002 0.048-0.002 0.048-0.003 0.097-0.070 2.255-0.030 0.965-0.121 3.87-1.134 1.218-2.267 2.438-3.399 3.658h-3.007l0.046-2.961c2.176-2.045 4.353-4.090 6.53-6.135zM9.623 13.729l0.027 0.017c0.438 0.481 0.941 0.899 1.4 1.359-0.048 1.496-0.096 2.993-0.142 4.489-1.147-1.221-2.295-2.442-3.438-3.667-0.054-0.116 0.1-0.305 0.16-0.386 0.35-0.48 1.387-1.697 1.994-1.812zM8.49 10.658c0.149 0 0.23-0.005 0.346 0.106l1.108 1.108c0.15 0.15 0.15 0.395 0 0.545l-0.525 0.525c-0.133-0.071-0.299-0.007-0.426 0.044-0.109 0.049-0.232 0.128-0.372 0.234-0.24 0.182-0.535 0.449-0.829 0.746-0.289 0.293-0.555 0.594-0.74 0.839-0.105 0.139-0.184 0.26-0.235 0.366-0.053 0.132-0.132 0.29-0.059 0.433l-0.52 0.52c-0.151 0.151-0.394 0.151-0.545 0l-1.108-1.108c-0.151-0.15-0.151-0.395 0-0.545l3.706-3.706c0.099-0.081 0.036-0.040 0.199-0.106zM5.892 10.276c0.149 0 0.23-0.005 0.346 0.106l0.454 0.454c0.151 0.15 0.151 0.395 0 0.545l-1.49 1.49c-0.151 0.15-0.395 0.15-0.545 0l-0.454-0.454c-0.151-0.15-0.151-0.395 0-0.545l1.49-1.49c0.099-0.081 0.036-0.040 0.199-0.106zM4.794 8.85c0.248 0 0.359-0.012 0.554 0.169 0.241 0.241 0.241 0.631 0 0.872l-1.635 1.635c-0.241 0.241-0.631 0.241-0.872 0s-0.241-0.631 0-0.872l1.635-1.635c0.159-0.129 0.058-0.063 0.318-0.169zM1.505 6.947l-0.11 0.008c-0.331 0.135-0.203 0.051-0.405 0.215-0.306 0.306-0.306 0.802 0 1.109s0.802 0.306 1.109 0c0.306-0.306 0.306-0.802 0-1.109-0.187-0.144-0.35-0.234-0.595-0.223zM0.985 6.183c0.549 0.056 1.071 0.088 1.541 0.407 0.025 0.009 0.002 0 0.058 0.047l0.001 0.001 0 0c0.516 0.569 0.899 1.242 1.273 1.909 0 0-0.362 0.509-0.665 0.812-0.327 0.327-0.825 0.678-0.825 0.678s-1.454-0.789-1.912-1.276l-0-0c-0.559-0.689-0.453-1.714-0.44-2.548 0.532-0.033 0.21-0.018 0.969-0.030z"></path>
</svg>

After

Width:  |  Height:  |  Size: 4.8 KiB

View File

@ -0,0 +1,5 @@
<!-- Generated by IcoMoon.io -->
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="23" height="32" viewBox="0 0 23 32">
<title>ability-enrage-original</title>
<path fill="#444" d="M13.408 8.87c1.767-3.284 4.35-6.040 7.454-8.090-2.704 3.79-4.765 7.589-7.213 11.668-0.695 1.158-0.724 2.447-1.757 3.577-0.687 0.751-0.599 2.312-1.192 3.138-1.443 2.008-3.924 3.704-4.104 6.493-1.388 1.427-1.92 3.234-2.358 5.237-0.289 1.323-0.691-1.613-0.173-4.068 0.487-2.306 2.211-4.272 2.494-6.596 0.347-2.849 2.34-5.128 3.977-7.474 0.925-1.325 1.915-2.609 2.873-3.885zM7.509 7.74c-1.851 2.692-4.604 4.726-5.334 7.999-0.511 2.293-3.030 4.8-1.876 7.287 0.361 0.779 1.539-3.381 2.432-4.994 0.422-0.763 1.367-1.205 1.803-1.978 2.715-4.813 4.98-9.189 8.392-13.161-1.998 1.285-4.068 2.855-5.417 4.847zM20.427 12.698c-3.072 2.468-5.965 4.571-8.015 8.021-1.639 2.853-3.493 5.475-4.849 8.483 0.145-0.127 0.276-0.277 0.437-0.4 2.513-1.922 4.232-5.042 4.583-5.68 0.377-0.683 1.761-1.522 1.883-1.639 1.548-1.492 1.917-2.186 3.126-3.926 1.632-2.371 4.068-4.016 5.783-6.317-0.9 0.264-2.228 0.821-2.948 1.457z"></path>
</svg>

After

Width:  |  Height:  |  Size: 1.1 KiB

View File

@ -1,5 +1,5 @@
<!-- Generated by IcoMoon.io -->
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="23" height="32" viewBox="0 0 23 32">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="24" height="32" viewBox="0 0 24 32">
<title>ability-enrage</title>
<path fill="#444" d="M13.408 8.87c1.767-3.284 4.35-6.040 7.454-8.090-2.704 3.79-4.765 7.589-7.213 11.668-0.695 1.158-0.724 2.447-1.757 3.577-0.687 0.751-0.599 2.312-1.192 3.138-1.443 2.008-3.924 3.704-4.104 6.493-1.388 1.427-1.92 3.234-2.358 5.237-0.289 1.323-0.691-1.613-0.173-4.068 0.487-2.306 2.211-4.272 2.494-6.596 0.347-2.849 2.34-5.128 3.977-7.474 0.925-1.325 1.915-2.609 2.873-3.885zM7.509 7.74c-1.851 2.692-4.604 4.726-5.334 7.999-0.511 2.293-3.030 4.8-1.876 7.287 0.361 0.779 1.539-3.381 2.432-4.994 0.422-0.763 1.367-1.205 1.803-1.978 2.715-4.813 4.98-9.189 8.392-13.161-1.998 1.285-4.068 2.855-5.417 4.847zM20.427 12.698c-3.072 2.468-5.965 4.571-8.015 8.021-1.639 2.853-3.493 5.475-4.849 8.483 0.145-0.127 0.276-0.277 0.437-0.4 2.513-1.922 4.232-5.042 4.583-5.68 0.377-0.683 1.761-1.522 1.883-1.639 1.548-1.492 1.917-2.186 3.126-3.926 1.632-2.371 4.068-4.016 5.783-6.317-0.9 0.264-2.228 0.821-2.948 1.457z"></path>
<path fill="#444" d="M21.853 0.722c-2.102 2.939-3.917 6.068-5.743 9.182 1.292 1.314 2.485 2.755 3.199 4.47 0.696-0.57 1.404-1.126 2.106-1.688 0.722-0.639 2.056-1.198 2.959-1.463-1.308 1.738-3.007 3.119-4.477 4.71 1.025 2.663 2.851 5.468 2.499 8.439-0.148 0.992-2.133-4.392-3.137-6.462-0.112-0.246-0.299-0.441-0.491-0.626-0.098 0.13-0.030 0.038-0.2 0.279-0.56 0.782-1.058 1.611-1.67 2.355 0.706 2.112 2.038 3.933 2.8 6.023 0.808 2.381 1.081 5.099 0.636 3.817-0.674-1.942-1.064-3.005-2.581-4.256-0.308-1.569-1.147-2.955-2.105-4.21-0.122 0.121-0.050 0.050-0.217 0.212-0.122 0.118-1.512 0.96-1.89 1.645-0.122 0.224-0.25 0.445-0.379 0.664 0.52 0.92 1.031 1.848 1.454 2.817-0.094-0.087-1.025-1.296-1.129-1.38-0.278-0.217-0.518-0.475-0.759-0.731-1.033 1.625-2.27 3.136-3.788 4.331-0.161 0.123-0.293 0.274-0.438 0.401 0.92-2.051 2.111-3.962 3.28-5.876-0.63-0.828-1.198-1.703-1.725-2.6-1.239 1.41-2.358 2.999-2.525 4.915-1.393 1.432-1.928 3.246-2.367 5.257-0.29 1.328-0.694-1.619-0.174-4.083 0.488-2.315 2.219-4.288 2.504-6.621 0.083-0.676 0.259-1.338 0.512-1.97-0.4-0.528-0.746-1.095-1.108-1.65-0.303-0.461-0.671-0.876-1.032-1.292l-0.405 0.722c-0.438 0.776-1.275 1.342-1.698 2.108-0.413 0.747-0.376 1.694-1.004 2.509-0.839 1.091-1.353 2.803-1.549 2.382-1.158-2.497 1.37-5.013 1.884-7.315 0.176-0.838 0.529-1.618 0.946-2.361-1.123-1.255-2.428-2.373-3.414-3.748 0.691 0.352 1.302 0.878 1.904 1.363 0.667 0.538 1.327 1.085 1.976 1.645 0.733-1.076 1.61-2.042 2.453-3.032-2.248-2.628-4.639-5.129-6.959-7.692 2.987 1.607 6.037 3.494 8.133 6.234 0.2-0.269 0.094-0.123 0.316-0.438 0.473-0.686 1.002-1.336 1.595-1.923-1.254-1.476-2.6-2.871-3.958-4.25 1.76 0.95 3.543 1.897 5.074 3.2 0.862-0.768 1.804-1.439 2.768-2.071-0.746 0.854-1.423 1.764-2.092 2.679 0.319 0.304 0.607 0.637 0.885 0.977 0.586 0.733 1.24 1.407 1.898 2.074 1.75-3.106 4.283-5.695 7.233-7.675zM12.673 16.272c-0.202 0.306-0.297 0.666-0.389 1.017-0.171 0.675 0.263 1.505 0.263 1.505s-1.272 0.547-1.443 0.753l-0.25 0.297c0.498 0.863 1.009 1.72 1.51 2.582 0.595-0.974 0.257-0.413 1.006-1.688 0.307-0.533 0.666-1.032 1.024-1.531-0.593-0.967-1.13-1.966-1.721-2.934zM14.832 12.067l-0.219 0.366c-0.37 0.632-0.588 1.339-0.837 2.024 0.801 0.915 1.586 1.863 2.167 2.937 0.821-0.838 0.364-0.389 1.383-1.337-0.176-0.208-0.097-0.101-0.238-0.321-0.715-1.245-1.454-2.478-2.256-3.669zM8.222 11.126c-0.608 1.055-1.195 2.123-1.787 3.188 0.851 0.72 1.62 1.525 2.352 2.363 0.543-0.95 1.189-1.835 1.829-2.721-0.515-0.475-0.967-1.012-1.395-1.565-0.691-0.891-0.357-0.471-1-1.264zM10.868 6.763c-1.186 1.849-0.631 0.953-1.669 2.682 0.888 0.931 1.761 1.875 2.619 2.834 0.782-1.095 0.247-0.354 1.629-2.207-0.816-1.136-1.676-2.24-2.578-3.308z"></path>
</svg>

Before

Width:  |  Height:  |  Size: 1.1 KiB

After

Width:  |  Height:  |  Size: 2.8 KiB

5
svg/ability-exploit.svg Normal file
View File

@ -0,0 +1,5 @@
<!-- Generated by IcoMoon.io -->
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="18" height="32" viewBox="0 0 18 32">
<title>ability-exploit</title>
<path fill="#444" d="M15.389 7.906c1.468 1.582 2.044 3.698 2.211 5.799-0.048 3.64-2.19 6.717-5.513 8.121-0.535-1.501-1.816-2.381-3.388-2.46-1.636 0.038-2.746 0.941-3.365 2.405-0.364-0.14-0.133-0.044-0.681-0.319-0.446-0.242-0.835-0.576-1.253-0.864l2.989-2.361c0.768 0.514 1.509 0.514 2.41 0.585 2.833 0 5.13-2.286 5.13-5.107-0.055-1.353-0.41-2.332-1.317-3.338l2.777-2.461zM16.409 0.001l-0.102 0.052-6.445 4.93c-0.071-0.014-0.142-0.031-0.213-0.041-0.28-0.039-0.568-0.006-0.849-0.037v0c-4.86 0-8.8 3.94-8.8 8.8 0.131 1.637 0.498 3.407 1.428 4.801l2.704-2.76c-0.356-0.664-0.456-1.291-0.461-2.041 0.137-2.709 2.123-5.014 4.94-5.097l-4.521 5.302c-0.157 0.184-0.029 0.468 0.213 0.472l2.089 0.035-5.545 6.27c-0.223 0.265 0.13 0.625 0.399 0.407l11.176-8.691c0.209-0.17 0.089-0.508-0.18-0.508h-2.474l4.709-4.466c0.191-0.181 0.057-0.501-0.205-0.494l-2.574 0.019 5.012-6.498c0.129-0.251-0.010-0.469-0.299-0.454zM8.699 20.224c-1.497 0-2.71 1.213-2.71 2.71l0.001 0.026h5.417l0.001-0.026c0-1.497-1.213-2.71-2.71-2.71zM5.755 23.842c0 0-1.372 0.83-1.372 1.423s1.372 0.966 1.372 0.966h6.235c0 0 1.423-0.322 1.423-0.966s-1.423-1.423-1.423-1.423h-6.235zM6.384 27.027c-0.304 0-0.551 0.247-0.551 0.551v0c0 0.304 0.247 0.551 0.551 0.551h5.015c0.304 0 0.551-0.247 0.551-0.551v0c0-0.304-0.246-0.551-0.551-0.551h-5.015zM5.247 28.907c0 0-2.575 1.813-1.711 2.084 0.404 0.127 10.202 0.15 10.742-0.051 0.864-0.322-1.762-2.033-1.762-2.033h-7.268z"></path>
</svg>

After

Width:  |  Height:  |  Size: 1.6 KiB

View File

@ -0,0 +1,5 @@
<!-- Generated by IcoMoon.io -->
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="29" height="32" viewBox="0 0 29 32">
<title>ability-fabricate</title>
<path fill="#444" d="M16.745 3.962l1.416-0.585c0.446 0.657 0.892 1.313 1.338 1.97 0.508-0.047 1.020-0.046 1.528 0.002 0.446-0.656 0.893-1.312 1.338-1.968 0.943 0.392 1.887 0.785 2.83 1.178-0.151 0.778-0.3 1.557-0.449 2.335 0.395 0.324 0.756 0.686 1.079 1.082 0.78-0.149 1.559-0.297 2.339-0.446 0.391 0.943 0.781 1.887 1.17 2.831-0.657 0.445-1.314 0.89-1.971 1.335 0.051 0.508 0.047 1.020-0 1.529 0.656 0.444 1.31 0.892 1.966 1.336-0.392 0.944-0.783 1.888-1.175 2.832-0.779-0.151-1.558-0.3-2.338-0.449-0.325 0.393-0.688 0.754-1.080 1.080 0.149 0.779 0.296 1.559 0.445 2.339-0.943 0.391-1.887 0.78-2.831 1.17-0.446-0.657-0.892-1.313-1.338-1.97-0.508 0.047-1.019 0.047-1.527-0.002-0.447 0.656-0.894 1.312-1.339 1.969-0.943-0.393-1.886-0.785-2.829-1.178 0.15-0.778 0.299-1.557 0.449-2.336-0.395-0.323-0.757-0.685-1.079-1.081-0.779 0.149-1.559 0.297-2.339 0.446-0.391-0.943-0.781-1.887-1.17-2.831 0.657-0.445 1.314-0.89 1.97-1.335-0.053-0.508-0.049-1.020 0.001-1.528-0.656-0.445-1.31-0.892-1.966-1.337 0.39-0.945 0.783-1.888 1.175-2.833 0.779 0.151 1.558 0.299 2.337 0.449 0.325-0.393 0.688-0.754 1.081-1.079-0.148-0.78-0.296-1.559-0.445-2.339l1.415-0.586zM18.622 8.503c-2.183 0.902-3.221 3.403-2.319 5.586s3.403 3.221 5.586 2.319c2.183-0.902 3.221-3.403 2.319-5.586s-3.403-3.221-5.586-2.319zM4.423 4.518c1.297-0.536 2.782 0.081 3.318 1.378s-0.081 2.783-1.378 3.318-2.782-0.081-3.318-1.378c-0.536-1.297 0.081-2.782 1.378-3.318zM3.308 1.82l-0.841 0.348c0.088 0.463 0.176 0.926 0.264 1.389-0.233 0.194-0.449 0.408-0.642 0.641-0.463-0.089-0.926-0.177-1.388-0.267-0.232 0.561-0.466 1.121-0.698 1.683 0.39 0.264 0.779 0.53 1.168 0.794-0.030 0.302-0.032 0.606-0.001 0.908-0.39 0.264-0.78 0.529-1.171 0.793 0.231 0.561 0.463 1.122 0.695 1.682 0.463-0.089 0.926-0.176 1.389-0.265 0.191 0.235 0.406 0.45 0.641 0.642-0.089 0.463-0.178 0.925-0.267 1.388 0.56 0.234 1.121 0.466 1.681 0.7 0.265-0.39 0.53-0.78 0.796-1.17 0.301 0.029 0.605 0.029 0.907 0.001 0.265 0.39 0.53 0.78 0.795 1.17 0.561-0.232 1.122-0.463 1.682-0.695-0.088-0.463-0.176-0.926-0.264-1.389 0.233-0.194 0.449-0.408 0.642-0.641 0.463 0.089 0.926 0.177 1.389 0.267 0.233-0.561 0.465-1.122 0.698-1.683-0.39-0.264-0.778-0.53-1.168-0.794 0.028-0.302 0.031-0.606 0-0.908 0.39-0.264 0.78-0.529 1.171-0.793-0.231-0.561-0.463-1.122-0.695-1.682-0.463 0.089-0.926 0.176-1.389 0.265-0.192-0.235-0.407-0.45-0.641-0.643 0.089-0.462 0.177-0.925 0.267-1.387-0.56-0.234-1.121-0.466-1.681-0.7-0.264 0.39-0.53 0.779-0.795 1.169-0.302-0.029-0.606-0.029-0.908-0.001-0.265-0.39-0.53-0.78-0.795-1.17l-0.841 0.347zM7.196 19.983c1.849 0 3.349 1.499 3.348 3.348s-1.499 3.349-3.348 3.349c-1.849 0-3.348-1.499-3.348-3.349s1.499-3.348 3.348-3.348zM7.196 16.136l-1.199 0c-0.126 0.608-0.252 1.217-0.378 1.825-0.382 0.118-0.752 0.271-1.105 0.458-0.518-0.342-1.038-0.682-1.556-1.024-0.566 0.566-1.132 1.131-1.697 1.699 0.342 0.518 0.682 1.037 1.023 1.555-0.188 0.352-0.344 0.722-0.458 1.105-0.608 0.125-1.217 0.251-1.825 0.377-0.001 0.8-0.001 1.599 0 2.399 0.609 0.125 1.217 0.251 1.826 0.377 0.115 0.383 0.268 0.753 0.457 1.105-0.341 0.519-0.682 1.038-1.023 1.556 0.565 0.566 1.131 1.132 1.695 1.699 0.519-0.342 1.038-0.684 1.558-1.024 0.352 0.187 0.723 0.34 1.104 0.458 0.126 0.608 0.253 1.217 0.379 1.825 0.8 0 1.599 0.001 2.399 0 0.125-0.608 0.252-1.217 0.377-1.825 0.381-0.119 0.752-0.271 1.105-0.458 0.52 0.341 1.039 0.682 1.558 1.024 0.566-0.566 1.132-1.132 1.697-1.698-0.342-0.518-0.681-1.038-1.023-1.555 0.186-0.354 0.343-0.723 0.458-1.106 0.608-0.125 1.217-0.252 1.825-0.377 0.001-0.8 0.001-1.599 0-2.399-0.609-0.125-1.217-0.251-1.826-0.377-0.116-0.383-0.269-0.753-0.458-1.105 0.341-0.518 0.682-1.037 1.024-1.555-0.565-0.566-1.13-1.132-1.696-1.699-0.518 0.342-1.038 0.683-1.557 1.024-0.353-0.187-0.724-0.34-1.105-0.458-0.126-0.608-0.253-1.217-0.379-1.826l-1.199-0z"></path>
</svg>

After

Width:  |  Height:  |  Size: 3.9 KiB

View File

@ -0,0 +1,5 @@
<!-- Generated by IcoMoon.io -->
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="27" height="32" viewBox="0 0 27 32">
<title>ability-for-mirrodin</title>
<path fill="#444" d="M13.34 13.050c0.26 0.489 0.576 1.211 1.066 1.583 0.27-0.080 0.556-0.408 0.734-0.518-0.027 0.623-0.196 1.381-0.159 2.015 0.006 0.085 0.478 0.512 0.478 0.512s-0.569 0.376-0.569 0.376c0 0-0.072 0.636-0.194 0.922 0.031-0.009 0.184-0.020 0.216-0.023 0.686-0.048 1.278-0.141 1.798-0.708 0.115 0.113 0.256 0.539 0.329 0.658 0.751 0.037 1.386 0.099 2.018 0.479-0.201 0.366-0.593 1.234-0.8 1.6 0.637 0.815 1.255 1.644 1.878 2.468 0.691 0.151 1.374 0.311 2.061 0.476 0.064-0.316 0.192-0.948 0.261-1.259 0.211-0.192 0.637-0.577 0.852-0.769 0.545 0.371 1.090 0.737 1.639 1.099-0.6 0.801-1.017 1.846-1.937 2.336-1.401 0.44-2.876 0.559-4.332 0.692-0.49-1.227-1.337-2.253-2.148-3.279-0.192 0.779-0.327 0.959-0.441 1.758-0.044 0.306-0.077 0.881 0.026 1.173 0.020 0.058 0.792 0.473 0.782 0.534-0.169 1.042-0.066 1.477-0.038 1.559 0.263 0.774 0.837 1.476 1.366 2.137-1.277 0.321-2.527 0.749-3.808 1.055 0 0-0.578 0.166-1.079 0.166s-0.725-0.071-1.079-0.155c-1.281-0.306-2.531-0.733-3.808-1.055 0.529-0.66 1.103-1.362 1.366-2.137 0.028-0.082 0.131-0.517-0.038-1.559-0.010-0.061 0.762-0.476 0.782-0.534 0.103-0.292 0.070-0.867 0.026-1.173-0.114-0.799-0.249-0.979-0.441-1.758-0.811 1.026-1.658 2.052-2.148 3.279-1.456-0.133-2.931-0.252-4.332-0.692-0.92-0.49-1.337-1.534-1.937-2.336 0.55-0.362 1.095-0.728 1.64-1.099 0.215 0.192 0.641 0.577 0.852 0.769 0.069 0.311 0.197 0.943 0.261 1.259 0.687-0.165 1.369-0.325 2.061-0.476 0.623-0.824 1.241-1.653 1.878-2.468-0.206-0.366-0.598-1.234-0.799-1.6 0.632-0.38 1.267-0.443 2.018-0.479 0.073-0.119 0.214-0.545 0.329-0.658 0.52 0.567 1.112 0.66 1.798 0.708 0.032 0.002 0.185 0.014 0.216 0.023-0.121-0.286-0.194-0.922-0.194-0.922s-0.569-0.376-0.569-0.376c0 0 0.472-0.427 0.478-0.512 0.036-0.634-0.132-1.392-0.159-2.015 0.179 0.11 0.464 0.438 0.734 0.518 0.49-0.372 0.806-1.095 1.066-1.583v-0.010zM2.842 7.012c-0.515 0.619-0.888 1.177-1.233 1.826-1.046 1.966-1.6 4.131-1.609 6.355 0.097 1.919 0.331 3.849 1.275 5.564 0.832-0.553 0.369-0.243 1.388-0.932l0.814-0.554 1.548 1.152 0.292 1.138 0.501-0.27 1.123-1.482-0.421-0.852-0.584-1.062 1.038-0.624c0.661-0.339 1.336-0.723 2.083-0.819-0.207-1.015-0.162-0.572-0.2-1.321 0.032-0.641-0.007-0.306 0.135-1.004l-6.15-7.115zM23.781 6.953l-6.179 7.149c0.149 0.73 0.109 0.384 0.142 1.036-0.037 0.734 0.007 0.306-0.191 1.278 0.771 0.138 1.474 0.468 2.155 0.852l1.038 0.625-0.584 1.062c-0.067 0.122-0.144 0.278-0.422 0.852 0.638 0.836 0.309 0.435 0.993 1.36l0.511 0.395 0.070-0.59 0.55-0.557c0.214-0.195 0.363-0.284 1.34-1.146l0.814 0.554c1.017 0.687 0.556 0.379 1.38 0.927 0.223-0.528 0.511-1.033 0.669-1.583 0.568-1.981 0.514-2.266 0.599-3.965-0.153-3.026-0.938-5.856-2.886-8.246zM7.935 3.071c-1.349 0.528-2.767 1.357-3.774 2.531l5.161 7.588c0.279-0.66 0.794-1.244 1.387-1.639l-2.774-8.48zM18.668 3.044l-2.782 8.504c0.586 0.396 1.094 0.96 1.379 1.612l5.181-7.617c-1.076-1.076-2.321-2.009-3.778-2.498zM12.475 1.91c-1.277 0.065-2.276 0.33-2.777 0.489l1.772 8.712c0.762-0.322 0.329-0.178 1.315-0.38l-0.309-8.821zM14.203 1.91l-0.327 8.833c0.924 0.188 0.512 0.053 1.249 0.365l1.774-8.724c-1.205-0.303-1.591-0.417-2.696-0.474z"></path>
</svg>

After

Width:  |  Height:  |  Size: 3.2 KiB

5
svg/ability-foretell.svg Normal file
View File

@ -0,0 +1,5 @@
<!-- Generated by IcoMoon.io -->
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
<title>ability-foretell</title>
<path fill="#444" d="M15.911 4.048c0.054 0 0.109-0.001 0.163-0.001 0.285 0.962 0.583 1.919 0.873 2.88 0.035 0.264 0.286 0.398 0.449 0.578 0.336 0.318 0.532 0.775 0.547 1.235 0.088 0.407-0.008 0.83 0.089 1.236 0.114 0.604 0.309 1.234 0.78 1.659 0.271 0.283 0.66 0.393 1.031 0.472 0.545 0.136 1.137 0.028 1.603-0.284 0.77-0.425 1.059-1.374 1.851-1.769 0.221-0.144 0.498-0.126 0.747-0.089 0.212 0.094 0.395 0.246 0.549 0.418 0.358 0.411 0.8 0.742 1.259 1.032 1.636 1.028 3.475 1.677 5.322 2.213 0.277 0.091 0.579 0.118 0.824 0.286-0.347 0.315-0.788 0.494-1.179 0.745-1.742 0.975-3.575 1.814-5.51 2.324-0.114 0.030-0.207-0.060-0.295-0.117-0.574-0.429-1.162-0.839-1.744-1.257-0.123 0.15 0.007 0.327 0.054 0.481 0.129 0.364 0.275 0.723 0.387 1.093 0.009 0.091 0.046 0.254-0.081 0.275-0.75 0.21-1.474 0.5-2.186 0.813-0.092 0.041-0.198 0.047-0.295 0.024-0.34-0.452-0.61-0.954-0.96-1.397-0.041-0.031-0.124-0.093-0.166-0.124 0.003 0.423 0.114 0.837 0.12 1.261 0.047 0.282 0.073 0.569 0.048 0.854-0.188 0.177-0.436 0.273-0.637 0.433-0.283 0.195-0.51 0.454-0.769 0.677-0.392-0.7-0.694-1.447-1.062-2.159-0.035 0.030-0.105 0.090-0.141 0.12-0.179 0.882-0.041 1.846 0.457 2.605 0.642 0.923 1.713 1.441 2.784 1.682 0.123 0.032 0.093 0.203-0.005 0.248-0.465 0.37-0.911 0.762-1.353 1.159-0.342 0.272-0.622 0.614-0.97 0.879-0.047 0.044-0.137 0.052-0.181 0.001-0.314-0.301-0.607-0.622-0.891-0.952-0.083-0.108-0.193-0.182-0.335-0.175 0.15 0.69 0.288 1.383 0.424 2.075 0.021 0.095-0.064 0.153-0.12 0.214-0.436 0.407-0.785 0.904-1.038 1.444-0.138 0.263-0.219 0.554-0.364 0.814-0.11-0.214-0.198-0.438-0.289-0.659-0.281-0.626-0.681-1.202-1.183-1.671-0.073-0.054-0.050-0.15-0.043-0.226 0.105-0.457 0.188-0.919 0.293-1.375 0.045-0.185 0.067-0.374 0.070-0.564-0.126-0.003-0.228 0.060-0.303 0.156-0.309 0.348-0.624 0.691-0.97 1.003-0.342-0.275-0.637-0.601-0.958-0.898-0.461-0.391-0.908-0.799-1.38-1.176-0.085-0.060-0.143-0.146-0.18-0.241 0.755-0.227 1.53-0.467 2.161-0.959 0.339-0.309 0.692-0.625 0.894-1.045 0.37-0.711 0.452-1.549 0.297-2.329-0.035-0.033-0.105-0.098-0.139-0.131-0.364 0.71-0.688 1.44-1.051 2.15-0.155-0.096-0.281-0.23-0.403-0.362-0.291-0.303-0.685-0.472-1.013-0.725-0.042-0.391 0.029-0.781 0.071-1.168 0.072-0.3 0.027-0.612 0.099-0.912-0.042 0.020-0.124 0.061-0.166 0.081-0.354 0.438-0.62 0.94-0.963 1.385-0.148 0.071-0.323-0.031-0.464-0.089-0.687-0.319-1.416-0.529-2.121-0.796 0.055-0.615 0.457-1.146 0.51-1.758-0.33 0.104-0.568 0.368-0.853 0.548-0.342 0.229-0.666 0.48-1.003 0.716-0.082 0.059-0.183 0.103-0.284 0.065-2.225-0.604-4.315-1.62-6.286-2.8-0.124-0.069-0.232-0.161-0.333-0.259 0.096-0.059 0.194-0.117 0.305-0.143 1.065-0.291 2.119-0.63 3.15-1.026 1.112-0.445 2.204-0.966 3.177-1.67 0.46-0.324 0.777-0.82 1.27-1.097 0.205-0.056 0.429-0.041 0.638-0.008 0.292 0.128 0.536 0.342 0.756 0.569 0.396 0.409 0.666 0.949 1.177 1.239 0.402 0.294 0.913 0.421 1.407 0.374 0.403-0.079 0.83-0.145 1.167-0.401 0.414-0.293 0.629-0.775 0.778-1.244 0.103-0.365 0.192-0.739 0.175-1.121-0.022-0.594 0.044-1.241 0.441-1.715 0.188-0.269 0.557-0.419 0.609-0.771 0.272-0.954 0.582-1.898 0.86-2.85zM15.832 11.614c-0.291 0.934-0.825 1.78-1.502 2.482-0.094 0.076-0.027 0.219 0.051 0.28 0.724 0.745 1.262 1.674 1.534 2.678 0.051-0.001 0.102-0.001 0.153-0.001 0.263-1.007 0.818-1.921 1.523-2.68 0.060-0.070 0.17-0.194 0.063-0.277-0.746-0.783-1.336-1.739-1.59-2.796-0.174 0.001-0.184 0.187-0.232 0.313z"></path>
</svg>

After

Width:  |  Height:  |  Size: 3.5 KiB

5
svg/ability-goad.svg Normal file
View File

@ -0,0 +1,5 @@
<!-- Generated by IcoMoon.io -->
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="26" height="32" viewBox="0 0 26 32">
<title>ability-goad</title>
<path fill="#444" d="M13.348 2.133c1.215 5.236 4.853 7.229 10.995 5.606l1.258 4.758c-8.742 2.311-15.183-1.217-17.047-9.252l4.794-1.112zM24.943 18.299c0 0-0.845-0.2-2.281-0.23-6.918-0.148-12.983 3.711-13.698 11.396l4.911 0.326c0.314-4.739 4.712-7.565 10.255-6.637l0.813-4.854zM3.080 6.091l-3.080 3.839c4.149 3.329 4.141 8.574 0.256 12.515l3.505 3.455c5.843-5.928 5.855-14.565-0.681-19.809z"></path>
</svg>

After

Width:  |  Height:  |  Size: 564 B

5
svg/ability-hideaway.svg Normal file
View File

@ -0,0 +1,5 @@
<!-- Generated by IcoMoon.io -->
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="26" height="32" viewBox="0 0 26 32">
<title>ability-hideaway</title>
<path fill="#444" d="M18.783 15.417c1.912 3.233 4.716 6.327 6.193 9.814 0.786 1.855-2.294 2.681-2.957 2.758-5.357 0.663-10.719 1.316-16.076 1.984-1.885-4.282-3.853-8.535-5.892-12.794-0.076-0.159-0.101-0.608 0.166-0.786 0.363-0.242 1.739-0.272 1.739-0.272l16.826-0.704zM17.964 16.453h-0c-0.003 0.035-0.612 5.196-0.673 5.96 0.004 0.349 0.090 0.681 0.267 0.977l1.956-0.463 2.193 3.070-14.306 1.875-0.923-1.86 9.731-2.303c0.473-2.386 0.744-4.81 0.961-7.232 0 0-15.161 0.789-15.161 0.789s5.064 11.179 5.158 11.226c0.094 0.047 17.143-2.248 17.143-2.248s-6.343-9.826-6.346-9.79zM13.58 20.905l2.11 2.376-9.438 2.149-1.074-2.337 8.402-2.188zM8.315 19.811l1.979 1.406-5.304 1.42-0.659-1.39 3.983-1.437zM4.99 19.509l0.795 0.59-1.695 0.593-0.344-0.744 1.244-0.439zM7.175 2.026l-0.796 0.029c-0.479 0.953-0.726 1.994-1.031 3.005-0.106-0.939 0.474-2.439-1.007-2.371-0.46 1.873-0.498 3.823-1.137 5.657-0.686 2.457-1.891 4.748-2.357 7.266l3.824-0.163c2.915-8.951 1.442-4.496 4.418-13.365l-1.915-0.059zM9.73 2.105c-0.468 1.163-0.75 2.377-1.169 3.556-0.687 1.694-1.171 3.455-1.476 5.251-0.663 1.476-1.336 2.947-1.786 4.505l1.184-0.044 3.457-0.147c1.412-4.328 2.431-8.798 4.246-12.985l-4.457-0.136zM15.58 2.284c-0.923 0.684-0.458 0.338-1.398 1.038-0.271 1.258-0.523 2.521-0.774 3.784-1.347 2.56-1.971 5.366-2.883 8.096l3.869-0.165c1.64-4.191 3.386-8.348 4.734-12.644l-3.548-0.109zM19.716 2.41l-0.221 0.173c-0.469 2.386-1.895 4.574-2.122 7.008-0.029 0.052-0.012 0.237-0.041 0.289-0.954 1.696-1.975 3.272-2.553 5.14l2.864-0.122c1.825-1.852 2.378-4.487 4.15-6.375 1.67-1.822 3.249-3.74 4.447-5.914l-0.973-0.030c-0.894 0.875-0.548 0.418-1.094 1.327-0.077-0.454-0.123-0.911-0.187-1.366l-4.271-0.131z"></path>
</svg>

After

Width:  |  Height:  |  Size: 1.8 KiB

View File

@ -0,0 +1,5 @@
<!-- Generated by IcoMoon.io -->
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="28" height="32" viewBox="0 0 28 32">
<title>ability-improvise</title>
<path fill="#444" d="M1.507 13.987c0.317-1.956 1.087-3.76 2.199-5.301l-1.068-1.068 2.847-2.847 1.068 1.068c1.542-1.112 3.346-1.882 5.301-2.199v-1.507h4.026v1.507c1.955 0.317 3.76 1.087 5.301 2.199l1.068-1.068 2.847 2.847-1.068 1.068c1.112 1.542 1.882 3.346 2.199 5.301h1.507v4.026h-1.507c-0.317 1.956-1.087 3.76-2.199 5.301l1.068 1.068-2.847 2.847-1.068-1.068c-1.542 1.112-3.346 1.882-5.301 2.199v1.507h-4.026v-1.507c-1.955-0.317-3.76-1.087-5.301-2.199l-1.068 1.068-2.847-2.847 1.068-1.068c-1.112-1.542-1.882-3.346-2.199-5.301h-1.507v-4.026h1.507zM22.524 20.050c0.577-1.23 0.899-2.603 0.899-4.050 0-5.274-4.282-9.556-9.556-9.556s-9.556 4.282-9.556 9.556c0 5.274 4.282 9.556 9.556 9.556 1.45 0 2.826-0.324 4.058-0.903l-4.616-4.64c-0.118-0.115-0.259-0.184-0.422-0.209-1.337-0.2-2.071-0.503-2.737-1.008-0.096-0.073-1.145-1.059-1.728-1.637-1.012-0.998-1.066-2.233-1.243-3.544-0.027-0.193 0.050-0.327 0.231-0.399l0.431-0.172c0.163-0.067 0.307-0.038 0.431 0.086l2.578 2.587c0.139 0.139 0.307 0.213 0.504 0.209 0.779-0.016 1.266-0.15 1.811-0.642l0.091-0.107c0.379-0.418 0.662-1.048 0.546-1.689-0.035-0.193-0.069-0.365-0.209-0.504l-2.587-2.578c-0.124-0.124-0.153-0.268-0.086-0.431l0.172-0.431c0.072-0.181 0.206-0.259 0.399-0.231 1.312 0.177 2.546 0.231 3.544 1.244 0.579 0.584 1.565 1.633 1.637 1.728 0.505 0.666 0.809 1.4 1.008 2.737 0.024 0.163 0.094 0.304 0.209 0.422l4.633 4.608z"></path>
</svg>

After

Width:  |  Height:  |  Size: 1.5 KiB

5
svg/ability-incubate.svg Normal file
View File

@ -0,0 +1,5 @@
<!-- Generated by IcoMoon.io -->
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="26" height="32" viewBox="0 0 26 32">
<title>ability-incubate</title>
<path fill="#444" d="M12.144 1.116c-0.353 1.78-0.734 3.569-0.539 5.395-2.756 1.929-5.298 4.996-4.717 8.593 0.548 2.681 1.789 6.278 5.061 6.367 0.014 0.809 0.033 1.622 0.060 2.435 0.437 0.284 0.869 0.567 1.306 0.85 0.167 0.479 0.335 0.957 0.502 1.436-0.056-2.347-0.665-4.666-1.854-6.692 0.195-0.046 0.59-0.135 0.785-0.177-0.288-0.711-0.391-1.12-0.787-1.781-0.17-0.283-0.699-0.954-0.699-0.954s0.515-0.645 0.651-0.991c0.584-1.486 0.959-3.105 1.020-4.681 0.139-3.067 0.651-5.701 0.807-8.859 0 0 0.057-0.984 0.184-0.984s0.242 0.701 0.269 0.864c0.382 2.309 0.757 4.007 1.157 6.107 0.613 2.979 1.366 5.93 2.3 8.825-0.404 1.515-1.51 2.821-1.534 4.443 0 1.032 0.181 2.054 0.26 3.081 0.511-1.445 1.018-2.895 1.482-4.354 0.084 0.762 0.186 1.52 0.297 2.272 1.357-1.915 1.942-4.22 2.523-6.455 0.655-3.044-0.809-6.357-3.067-8.416-1.961-1.496-1.264-4.252-2.040-6.325l0.546 0.297c1.227 1.51 1.048 3.272 2.256 4.791 0.957 1.273 2.101 2.449 2.649 3.983 0.73 1.413 0.725 3.141 1.757 4.392-1.25 3.369-2.812 6.641-3.555 10.177 3.155-2.119 4.749-5.855 6.013-9.304 0.195-0.051 0.59-0.153 0.785-0.209-0.045 0.626 0.108 2.018 0.108 2.018s-0.341 0.296-0.425 0.425c-1.129 1.984-1.97 3.97-2.606 6.154-2.928 1.687-5.791 4.055-7.376 7.085l-0.048-0.068c-1.757-2.946-5.387-3.706-8.589-3.534-1.482-1.947-3.297-3.593-5.212-5.117-1.245-2.458-2.266-5.397-1.732-8.218 0.957 2.654 1.399 5.549 3.165 7.84 0.465 0.019 0.935 0.228 1.4 0.246-0.483-1.273-0.963-2.751-1.047-4.122 0.943 1.315 1.566 2.821 2.514 4.131 0.381 0.573 0.666 1.117 1.233 1.466 0.148 0.091 0.696 0.058 0.85 0.142 0.638 0.346 1.055 0.722 1.671 1.076 0.274-0.437 0.638-0.969 0.907-1.41-1.571-1.733-3.732-3.021-4.731-5.205-1.994-3.69-0.437-8.528 2.593-11.158 1.775-1.515 1.706-3.657 2.831-5.581zM14.342 11.935c-0.153 1.046-0.083 2.218 0.178 3.231 0.191 1.097 0.427 2.085 0.561 3.191 0.102-1.227 0.435-2.414 0.118-3.645-0.255-0.991-0.555-1.89-0.857-2.778z"></path>
</svg>

After

Width:  |  Height:  |  Size: 2.0 KiB

View File

@ -0,0 +1,5 @@
<!-- Generated by IcoMoon.io -->
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="15" height="32" viewBox="0 0 15 32">
<title>ability-investigate</title>
<path fill="#444" d="M13.016 0.043c-0.025 1.258-0.11 2.643-0.8 3.889-0.608 1.099-2.592 1.324-2.427 3.047 0.007 0.073 0.009 0.254 0.083 0.262 0.441 0.046 0.786-0.167 1.405 0.199 0.063 0.037 0.187 0.139 0.254 0.173 0.062 0.877-0.033 1.905-0.082 2.785 0.061 0.029 0.165 0.066 0.229 0.088 1.178 0.404 2.87 1.47 3.682 3.776-0.165 9.403-0.234 13.526-0.234 13.553s-0.626 0.733-0.932 1.057c-1.147 0.999-2.211 2.084-3.352 3.086-3.386-0.766-6.745-1.658-10.123-2.458-0.849-0.068-0.711-1.040-0.71-1.663 0.004-2.42 0.112-4.678 0.197-7.232 0.068-1.848-0.16-4.256 0.678-5.973 1.084-1.837 2.508-3.321 4.579-4.25 0.042-0.019 0.081-0.043 0.121-0.064 0.003-0.857-0.093-1.782-0.014-2.634 0.073-0.033 0.181-0.118 0.249-0.149 0.495-0.224 0.575-0.51 1.833-0.334 0.029 0.004 0.011-0.179 0.014-0.207 0.138-1.613-1.529-1.703-2.096-2.22-0.678-0.618-1.409-1.529-1.409-2.813 0-0.469-0.449-0.723-0.494-0.882-0.164-0.576-0.083-0.965-0.083-0.965l9.432-0.069zM3.407 15.798c-0.921 0.011-1.473 0.139-2.233 0.611-0.216 7.715-0.154 11.723-0.154 11.723s0.4 0.207 1.204 0.393c2.489 0.577 4.999 0.971 7.534 1.204 0.060-12.008 0.058-12.231 0.060-12.228 0.028 0.028-3.428-1.664-5.585-1.696l-0.825-0.006zM13.898 15.639c-0.621 0.179-1.227 0.441-1.779 0.869-0.376 0.291-0.833 0.622-0.979 1.048 0.028 11.528 0.013 11.657 0.014 11.735 1.15-0.627 2.965-2.482 2.951-2.468-0.174-10.967-0.118-11.209-0.207-11.183zM10.094 10.465l0.068 0.011c-1.435 0.095-2.564 0.102-3.58 0.023-0.090-0.007-0.169 0.056-0.176 0.141s0.066 0.134 0.149 0.166c0.993 0.386 2.183 0.42 3.596 0.034 0.087-0.024 0.158-0.168 0.152-0.253s-0.119-0.127-0.209-0.121zM8.486 1.604l-2.834 0.038c0.006 0.724-0.256 1.59 0.267 2.192 0.596 0.732 1.457 1.287 2.436 1.324 1.232 0.128 2.279-0.654 2.903-1.628 0.156-0.616 0.084-1.292 0.061-1.916l-2.834-0.011zM8.886 22.921c-1.481 0.976-2.634 1.26-3.326-0.621-0.654-0.13-0.913 0.221-1.44 0.514 0 0.639-0.243 1.236-0.243 1.919 2.112 0.399 0.356 2.042 0.565 3.155 0.054 0.015 0.21 0.093 0.262 0.116 1.227 0.563 2.581 0.609 3.907 0.309 0.057-0.013 0.102-0.027 0.16-0.035 0.416-0.093 0.257-0.585 0.231-0.732-0.080-0.643-0.284-1.152-0.045-2.015 0.262-0.947 0.497-1.62 0.187-2.62zM7.282 19.207c-0.019 0.048-0.041 0.102-0.055 0.148-0.12 0.4-0.466 0.554-0.594 0.917-0.225 0.635 0.296 0.656 0.159 0.929-0.115 0.23-0.319 0.194-0.467 0.49-0.163 0.325-0.103 0.718 0.148 1.026 0 0 0 0 0 0s0 0 0 0c0.494 0.647 1.728 0.123 1.892-0.547 0.301-1.232-0.667-1.143-0.523-1.75 0.118-0.497-0.303-0.904-0.559-1.214z"></path>
</svg>

After

Width:  |  Height:  |  Size: 2.6 KiB

5
svg/ability-kicker.svg Normal file
View File

@ -0,0 +1,5 @@
<!-- Generated by IcoMoon.io -->
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="25" height="32" viewBox="0 0 25 32">
<title>ability-kicker</title>
<path fill="#444" d="M12.25 3.46l12.25 10.658v6.813l-12.25-10.219-12.25 10.219v-6.813l12.25-10.658zM12.199 13.472l-7.811 6.503v5.352l7.811-6.236 7.914 6.317v-5.349l-7.914-6.588zM12.25 21.796l-4.185 3.482 3.774 3.116c0.131 0.089 0.241 0.147 0.405 0.145 0.157-0.008 0.218-0.020 0.439-0.16s3.741-3.102 3.741-3.102l-4.175-3.482z"></path>
</svg>

After

Width:  |  Height:  |  Size: 502 B

5
svg/ability-landfall.svg Normal file
View File

@ -0,0 +1,5 @@
<!-- Generated by IcoMoon.io -->
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
<title>ability-landfall</title>
<path fill="#444" d="M16.021 2.441c0.422-0.426 1.13-0.676 1.676-0.118 0.848 0.866 1.912-1.103 3.371 1.635 0.676 1.269 2.112-1.035 3.371-0.512 1.281 0.532 1.545 2.335 2.81 2.632 1.031 0.071 2.295-1.549 2.993 0.339 0.323 0.876 1.911 0.988 1.747 2.031-1.643 0.741-3.738 0.547-4.948 2.265-0.298 0.424 0.72 0.96 0.315 1.28-1.814 1.438-4.642 1.158-6.788 1.677l-0.289 0.47c2.159 0.071 4.81 0.236 6.762-0.807 1.037-0.555 1.497-1.487 1.124-2.521 1.098-0.251 2.214-1.149 3.371-1.103-0.503 2.32-2.274 4.396-3.213 6.518-0.65-0.092-1.224-0.485-1.886-0.514-0.83 2.42-0.614 4.875-0.736 7.387-0.184 0.147-0.722 0.622-0.907 0.768 0 0 0 0 0 0-0.088-2.68-0.030-5.475-0.089-8.151-0.039 0.012-0.073 0.033-0.109 0.045-1.222 0.405 0.049 2.961-0.926 3.911-1.92 1.888-1.226 5.22-1.498 7.661l-0.414-0.197c-0.034-3.496 0.051-7.099 0.030-10.595l-0.483-0.098c0.158 1.268 0.276 3.446-0.138 3.525-0.716 0.136 0.016 1.754-1.005 1.851-0.42 0.040-0.394 0.118-0.611 1.182-0.185 0.907-1.473 2.218-2.444 2.403-0.273 0.052-0.63-0.375-0.907-0.355 0.046-2.127-0.219-4.335-0.513-6.42l-0.434 0.335c-0.021 4.363 0.648 8.37 0.355 12.742l-0.509 0.295c-0.4-2.589-0.22-6.361-0.832-7.207-0.095-0.132-0.093-2.373-0.552-3.505-2.787 0.461-1.799-2.821-3.036-4.136-0.092 3.789 0.107 7.968 0.039 11.757l-0.67-0.177c0.074-3.096-0.867-5.928-0.907-9.453-0-0.034-0.473-0.118-1.125 0.576-0.062 0.066-0.157 0.060-0.215 0.074-2.171-2.743-4.629-5.544-5.953-8.823 0.314 0.087 1.025-0.158 1.321 0.354 0.331 0.573 0.941 0.11 1.518 0.414 0.172 0.519 0.473 1.338 0.867 1.753 1.915 0.289 3.989 0.618 5.934 0.551-0.645-1.394-5.867-0.057-4.731-2.678-2.318-0.373-4.919-1.026-6.717-2.567-0.231-0.892 0.629-2.068 1.355-1.904 0.456 0.103 1.295 0.321 1.656 0.138 1.439-0.729 2.661-2.737 5.539-1.674 1.667 0.616-1.025-2.363 1.597-1.635 0.058 0.016 0.037-0.597 0.099-0.571 0.394-0.31 1.257 0.271 1.538-0.099 0.808-1.063 1.644 0.403 2.523 0.335 1.097-0.085 1.25-0.653 1.676-1.083z"></path>
</svg>

After

Width:  |  Height:  |  Size: 2.0 KiB

5
svg/ability-learn.svg Normal file
View File

@ -0,0 +1,5 @@
<!-- Generated by IcoMoon.io -->
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
<title>ability-learn</title>
<path fill="#444" d="M28.123 2.155c1.068 0.018 2.138-0.020 3.205 0.018 0.412 0.020 0.916 0.507 0.539 0.896-0.666 0.827-1.112 1.795-1.678 2.686-0.425 0.342-1.029 0.301-1.542 0.422 0.115 0.552 0.349 1.255-0.123 1.704-0.491 0.526-1.029 1.1-1.764 1.251-0.595 0.086-1.198-0.018-1.793 0.060-0.386 0.171-0.661 0.519-0.972 0.794 0.513 0.108 1.127-0.099 1.562 0.246 0.034 0.266 0.397 0.597 0.226 0.804-0.153 0.186-0.802 0.311-1.165 0.311-0.067 0 0.136 0.328 0.078 0.362-0.423 0.246-0.991 0.059-1.501 0.207-0.222 0.065 0.37 0.447 0.144 0.518-0.656 0.031-2.084 0.043-2.699 0.283 0.549 0.339 1.041 0.76 1.515 1.194-0.433 0.44-0.741 0.941-1.368 1.085-0.408 0.051-1.066 0.059-1.475 0.052-0.131 0.605 0.776 1.372-0.259 1.812-0.6 0.255-1.307 0.179-1.804-0.064-0.396-0.218-0.854-0.184-1.289-0.187-0.035 0.441 0.004 0.976-0.39 1.277-1.161 0.741-2.437 0.684-3.585 1.497l-1.42 0.297c0.223-0.353 0.647-0.902 0.87-1.255 0.837-1.324 1.452-2.263 2.113-3.207 1.459-2.085 2.853-3.748 4.318-5.065 1.735-1.559 3.366-2.597 5.225-2.998 0.21-0.045 0.489-0.222 0.444-0.431-0.060-0.186 0.002-0.305-0.196-0.319h-0.455c-2.005 0.432-3.761 1.462-5.59 3.106-1.515 1.362-2.806 3.332-4.296 5.461-0.669 0.956-1.428 2.369-2.437 3.637-0.106 0.133-0.652 0.965-0.834 1.251-0.335 0.528-0.551 0.472-0.792 0.831-0.119 0.178 0.007 0.501 0.185 0.62s0.419 0.072 0.539-0.106c0.235-0.35 0.463-0.705 0.69-1.060l1.643-0.138c0.391 0.33 0.808 0.62 1.283 0.816 0.511 0.183 1.013 0.396 1.489 0.656-0.516 0.523-1.195 0.892-1.85 1.23-0.634 0.31-1.031 0.917-1.642 1.266-0.333 0.191-0.662 0.39-0.979 0.608-0.718 0.488-1.561 0.836-2.099 1.546-0.222 0.259-0.152 0.627-0.177 0.941 0.019 0.408-0.064 0.872 0.218 1.213 0.191 0.352 0.596 0.647 0.547 1.086-0.13 0.218-0.444 0.099-0.653 0.117-0.666-0.108-1.232-0.504-1.822-0.805-0.824-0.438-1.475-1.122-2.126-1.777-0.523-0.535-1.109-1.016-1.536-1.635-0.9-1.337-1.402-2.879-2.059-4.336 0.227-0.463 0.793-0.889 0.716-1.562-0.063-0.542-1.001-0.519-1.249-1.009-0.095-0.697-0.028-1.407-0.048-2.109-0.045-0.967 0.523-1.798 0.908-2.642 0.246 0.183 0.571 0.298 0.685 0.609 0.246 0.457 0.436 1.267 0.979 1.444 0.345 0.025 0.744 0.080 1.036-0.149 0.549-0.403 1.030-0.954 1.519-1.423l2.213-1.65 0.272-0.311c0.5-0.463 0.874-1.052 1.456-1.417 0.243-0.010 0.324 0.015 0.562 0.056 0.007 1.343-0.029 2.689 0.013 4.031 0.164 0.773 0.405 1.744 0.59 2.513 1.348-2.315 2.402-5.114 4.295-7.064 0.655-0.842 1.386-1.622 2.224-2.283 0.88-0.672 1.577-1.546 2.449-2.229 1.895-1.466 4.061-2.677 6.435-3.132 0.832-0.129 1.631-0.472 2.483-0.449v0zM24.309 6.015c-0.191 0.009-0.093 0.252-0.285 0.259 0 0.133 0.257 0.178 0.259 0.311 0.18-0.003 0.312-0.102 0.492-0.104 0.012-0.137-0.191-0.303-0.181-0.44l-0.285-0.026zM12.733 3.477l-0.505 0.004c-0.14 0.014-0.282 0.019-0.421 0.044-0.352 0.063-0.684 0.209-1.034 0.278-1.514 0.533-2.889 1.399-4.19 2.327-1.407 1.162-2.647 2.506-3.953 3.776-0.276 0.311-0.697 0.684-0.547 1.149 0.241 0.466 0.709 0.804 1.292 0.986 0.381 0.119 0.33 0.65 0.354 1.043 0.019 0.316 0.44 0.823 0.919 0.593l2.249-2.115c0.511-0.523 1.009-0.998 1.617-1.416 1.214-0.799 2.394-1.611 3.706-2.251 0.782-0.428 1.612-0.776 2.353-1.277 0.785-0.497 0.835-2.145-0.060-2.356-0.488-0.115-0.702 0.004-1.024 0.364-0.664 0.742-0.973 0.862-1.065 0.778-0.066-0.061-0.032-0.159 0.090-0.312 0.049-0.061 0.108-0.083 0.199-0.179 0.005-0.005 0.231-0.218 0.287-0.277 0.211-0.225 0.313-0.423 0.408-0.592 0.066-0.134 0.093-0.086 0.067-0.145-0.131-0.305-0.476-0.318-0.743-0.42zM17.976 20.56c-1.331 0.872-2.742 1.616-4.047 2.528-0.507 0.345-0.962 0.767-1.499 1.068-0.804 0.433-1.475 1.073-2.314 1.448 0.446 0.561 0.846 1.229 1.511 1.552 0.494 0.038 0.747-0.508 1.191-0.645 0.291 0.029 1.208 0.006 1.061 0.259-0.466 0.802-1.377 0.654-1.832 1.188-0.377 0.549-0.171 1.264-0.226 1.887 0.326-0.051 0.678-0.044 0.966-0.227 1.309-0.738 2.574-1.551 3.882-2.289 1.529-0.818 2.901-1.884 4.336-2.848 0.824-0.688 1.711-1.483 2.321-2.37 0.129-0.721-0.607-1.325-0.673-2.019-0.104-1.087-0.852-1.169-1.533-1.277-1.191 0.269-2.068 1.217-3.144 1.744z"></path>
</svg>

After

Width:  |  Height:  |  Size: 4.1 KiB

View File

@ -0,0 +1,5 @@
<!-- Generated by IcoMoon.io -->
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="25" height="32" viewBox="0 0 25 32">
<title>ability-magecraft</title>
<path fill="#444" d="M3.289 4.026c0.67-1.047 1.627-1.935 2.812-2.358 0.729-0.091 1.466-0.011 2.199-0.011-0.003 0.306-0.003 0.611-0.001 0.917-0.701-0.009-1.473-0.056-2.079 0.366-0.571 0.356-0.865 0.981-1.21 1.533-0.3 0.517-0.663 0.993-0.96 1.513-0.386 0.67-0.933 1.25-1.214 1.98-0.084 0.538-0.013 1.087-0.028 1.63-0.031 0.567 0.252 1.076 0.374 1.616 0.061 0.387 0.012 0.782 0.064 1.169 0.383 0.501 0.993 0.738 1.483 1.111 0.606 0.458 1.282 0.825 1.834 1.353 0.447 0.426 1.004 0.701 1.529 1.015 0.212 0.117 0.531 0.155 0.709-0.043 0.813-0.749 1.499-1.645 2.425-2.266 0.322-0.236 0.684-0.439 0.915-0.773 0.049-0.569 0.035-1.144-0.009-1.713-0.179-0.611-0.443-1.228-0.903-1.684-0.396-0.406-0.734-0.861-1.055-1.328 0.348 0.004 0.702-0.031 1.047 0.037 0.602 0.288 0.963 0.891 1.499 1.27 0.478 0.347 1.059 0.636 1.298 1.214 0.451 0.802 0.235 1.745 0.29 2.619-0.015 0.479 0.212 0.975 0.020 1.439-0.481 1.194-1.252 2.235-1.852 3.368-0.338 0.724-0.939 1.286-1.647 1.639-0.465 0.072-0.939-0.005-1.405 0.055-0.591 0.122-1.114 0.519-1.736 0.502-0.546 0-1.182 0.103-1.598-0.34-1.565-1.55-3.127-3.105-4.682-4.666-0.415-0.433-1.025-0.661-1.362-1.167-0.081-1.832-0.011-3.671-0.039-5.507-0.060-0.458 0.263-0.81 0.527-1.139 0.327-0.39 0.577-0.837 0.926-1.208 0.64-0.686 1.324-1.343 1.828-2.143zM14.234 2.947c-0.426 0.216-0.911 0.138-1.366 0.206-0.1 0.174-0.16 0.365-0.266 0.534 0.677 0.302 1.418 0.206 2.135 0.238 0.598 0.111 0.918 0.698 1.22 1.168 0.394 0.689 1.029 1.191 1.461 1.853 0.242 0.369 0.505 0.725 0.805 1.049 0.479 0.522 0.808 1.156 1.226 1.725 0.215 0.318 0.479 0.652 0.451 1.059 0.011 0.985-0.004 1.971 0.004 2.956-0.008 0.688 0.421 1.294 0.406 1.981 0.003 0.494 0.027 0.991-0.021 1.483-0.268 0.481-0.738 0.806-1.081 1.231-0.734 0.87-1.445 1.764-2.235 2.585-0.358 0.369-0.587 0.83-0.861 1.259-0.304 0.486-0.752 0.853-1.137 1.271-0.386 0.417-0.732 0.866-1.079 1.315-0.244 0.304-0.515 0.619-0.903 0.738-1.167 0.419-2.286 0.957-3.454 1.374-0.447 0.212-0.762-0.288-1.107-0.487-1.254-0.79-2.545-1.533-3.749-2.401-0.307-0.219-0.793-0.234-1.095-0.001 0.361 1.028 0.869 1.999 1.35 2.976 0.417 0.64 1.115 1.015 1.75 1.404 0.765 0.473 1.234 1.3 2.020 1.746 0.33 0.21 0.744 0.125 1.111 0.095 0.574-0.102 1.159-0.103 1.74-0.079 1.729 0.223 3.478 0.073 5.216 0.122 0.593 0.092 1.036-0.398 1.335-0.844 0.543-0.875 1.076-1.76 1.712-2.573 0.369-0.451 0.541-1.033 0.944-1.458 0.338-0.37 0.733-0.685 1.037-1.085 0.348-0.458 0.634-0.964 1.035-1.381 0.426-0.458 0.92-0.892 1.152-1.489 0.122-0.673-0.028-1.366 0.079-2.040 0.095-0.331 0.264-0.637 0.354-0.971 0.088-0.609-0.029-1.231 0.069-1.84 0.068-0.403 0.357-0.717 0.477-1.099 0.032-0.431 0.087-0.9-0.115-1.3-1.248-2.446-1.753-5.174-2.69-7.736-0.355-0.585-0.912-1.033-1.518-1.342-0.617-0.351-1.19-0.777-1.822-1.099-0.945-0.454-1.706-1.286-2.765-1.493-0.633-0.1-1.258 0.072-1.824 0.347zM6.607 8.596c-0.127 0.6-0.51 1.126-0.586 1.732 0.27 0.688 0.903 1.139 1.397 1.661 0.214 0.271 0.579 0.203 0.883 0.234 0.367-0.601 0.72-1.211 1.068-1.822-0.398-0.581-0.744-1.195-1.061-1.821-0.567-0.004-1.133-0.009-1.7 0.017z"></path>
</svg>

After

Width:  |  Height:  |  Size: 3.1 KiB

5
svg/ability-meld.svg Normal file
View File

@ -0,0 +1,5 @@
<!-- Generated by IcoMoon.io -->
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="29" height="32" viewBox="0 0 29 32">
<title>ability-meld</title>
<path fill="#444" d="M27.603 13.279c0.245 0.001 0.132-0.001 0.34 0.005 0.595 0.022 1.081 1.011 0.749 1.512l-9.747 14.748c-0.39 0.626-1.223 0.755-1.597 0.347-0.198-0.216-0.354-0.622-0.354-0.622s-2.814-7.804-2.876-7.969c-0.2-0.538 0.297-0.645 0.447-0.65 0.112-0.004 3.734-0.234 3.734-0.234 0.696-0.043 1.184-0.705 1.020-1.382 0 0-1.179-4.884-1.245-5.139s0.044-0.499 0.331-0.506c0.237-0.006 9.045-0.101 9.045-0.101 0.047-0.009 0.109-0.008 0.152-0.010zM10.774 1.879c-0.356 0.072-0.648 0.194-0.859 0.508l-9.747 14.748c-0.331 0.501-0.197 1.501 0.635 1.517 0.403 0.011 0.806 0.029 1.21 0.036 2.801 0.050 7.88 0.017 7.999 0.024 0.146 0.009 0.669-0.059 0.486-0.69-0.040-0.139-1.23-4.918-1.23-4.918-0.169-0.686 0.331-1.356 1.037-1.388l3.845-0.154c0 0 0.598-0.025 0.362-0.682-0.117-0.325-2.694-8.271-2.694-8.271s-0.164-0.358-0.307-0.494c-0.214-0.178-0.454-0.263-0.735-0.236zM19.967 6.642l-5.131 6.002-4.481 0.204 1.392 5.636-3.056 6.96 5.127-5.873 4.414-0.272-1.392-5.738 3.128-6.919z"></path>
</svg>

After

Width:  |  Height:  |  Size: 1.1 KiB

Some files were not shown because too many files have changed in this diff Show More