andrew/mana
andrew
/
mana
mirror of https://github.com/andrewgioia/mana.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

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)

This commit is contained in:
Andrew Gioia 2023-05-29 13:00:59 -04:00
parent b641019f46
commit 0f4428e405
No known key found for this signature in database
GPG Key ID: FC09694A000800C8
20 changed files with 448 additions and 29 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
CHANGELOG.md
View File

@ -10,6 +10,15 @@ All notable changes to this project will be documented in this file.
## Versions
### [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))

2
README.md
View File

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

2
bower.json
View File

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

161
css/mana.css
View File

@ -1,14 +1,14 @@
@font-face {
font-family: "Mana";
src: url("../fonts/mana.eot?v=1.15.5");
src: url("../fonts/mana.eot?#iefix&v=1.15.5") format("embedded-opentype"), url("../fonts/mana.woff?v=1.15.5") format("woff"), url("../fonts/mana.ttf?v=1.15.5") format("truetype"), url("../fonts/mana.svg?v=1.15.5#mana") format("svg");
src: url("../fonts/mana.eot?v=1.15.6");
src: url("../fonts/mana.eot?#iefix&v=1.15.6") format("embedded-opentype"), url("../fonts/mana.woff?v=1.15.6") format("woff"), url("../fonts/mana.ttf?v=1.15.6") format("truetype"), url("../fonts/mana.svg?v=1.15.6#mana") format("svg");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "MPlantin";
src: url("../fonts/mplantin.eot?v=1.15.5");
src: url("../fonts/mplantin.eot?#iefix&v=1.15.5") format("embedded-opentype"), url("../fonts/mplantin.woff?v=1.15.5") format("woff"), url("../fonts/mplantin.ttf?v=1.15.5") format("truetype"), url("../fonts/mplantin.svg?v=1.15.5#mplantin") format("svg");
src: url("../fonts/mplantin.eot?v=1.15.6");
src: url("../fonts/mplantin.eot?#iefix&v=1.15.6") format("embedded-opentype"), url("../fonts/mplantin.woff?v=1.15.6") format("woff"), url("../fonts/mplantin.ttf?v=1.15.6") format("truetype"), url("../fonts/mplantin.svg?v=1.15.6#mplantin") format("svg");
font-weight: normal;
font-style: normal;
}
@ -161,6 +161,12 @@
.ms-artifact::before {
content: "\e61e";
}
.ms-battle::before {
content: "\e9d1";
}
.ms-battle-siege::before {
content: "\e9d2";
}
.ms-commander::before {
content: "\e9c6";
}
@ -182,6 +188,9 @@
.ms-land::before {
content: "\e622";
}
.ms-multicolor::before {
content: "\e985";
}
.ms-phenomenon::before {
content: "\e96e";
}
@ -212,9 +221,6 @@
.ms-vanguard::before {
content: "\e971";
}
.ms-multicolor::before {
content: "\e985";
}
.ms-hand::before {
content: "\e9ca";
}
@ -266,12 +272,21 @@
.ms-loyalty-start::before {
content: "\e628";
}
.ms-defense::before {
content: "\e9d7";
}
.ms-defense-border::before {
content: "\e9d8";
}
.ms-level::before {
content: "\e9c7";
}
.ms-level::after {
content: "\e9c8";
}
.ms-dfc-back::before {
content: "\e9d4";
}
.ms-dfc-day::before {
content: "\e906";
}
@ -281,6 +296,12 @@
.ms-dfc-enchantment::before {
content: "\e920";
}
.ms-dfc-facedown::before {
content: "\e9d6";
}
.ms-dfc-front::before {
content: "\e9d3";
}
.ms-dfc-ignite::before {
content: "\e908";
}
@ -290,6 +311,9 @@
.ms-dfc-lesson::before {
content: "\e98f";
}
.ms-dfc-meld::before {
content: "\e9d5";
}
.ms-dfc-modal-back::before {
content: "\e984";
}
@ -419,6 +443,9 @@
.ms-counter-charge::before {
content: "\e92d";
}
.ms-counter-damage::before {
content: "\e9dd";
}
.ms-counter-devotion::before {
content: "\e92e";
}
@ -533,6 +560,9 @@
.ms-ability-ascend::before {
content: "\e94a";
}
.ms-ability-backup::before {
content: "\e9d9";
}
.ms-ability-blitz::before {
content: "\e9b4";
}
@ -560,9 +590,12 @@
.ms-ability-constellation::before {
content: "\e97c";
}
.ms-ability-convoke::before {
.ms-ability-convoke-original::before {
content: "\e949";
}
.ms-ability-convoke::before {
content: "\e9da";
}
.ms-ability-corrupted::before {
content: "\e9c0";
}
@ -609,6 +642,9 @@
content: "\e9ba";
}
.ms-ability-enrage::before {
content: "\e9dc";
}
.ms-ability-enrage-original::before {
content: "\e94e";
}
.ms-ability-escape::before {
@ -668,6 +704,9 @@
.ms-ability-hideaway::before {
content: "\e9b8";
}
.ms-ability-incubate::before {
content: "\e9db";
}
.ms-ability-indestructible::before {
content: "\e95a";
}
@ -1363,6 +1402,112 @@ span.ms-half > .ms-cost {
width: 100%;
}
.ms-defense {
color: #111;
font-size: 1.5em;
position: relative;
text-align: center;
}
.ms-defense-0::after, .ms-defense-1::after, .ms-defense-2::after, .ms-defense-3::after, .ms-defense-4::after, .ms-defense-5::after, .ms-defense-6::after, .ms-defense-7::after, .ms-defense-8::after, .ms-defense-9::after, .ms-defense-10::after, .ms-defense-11::after, .ms-defense-12::after, .ms-defense-13::after, .ms-defense-14::after, .ms-defense-15::after, .ms-defense-16::after, .ms-defense-17::after, .ms-defense-18::after, .ms-defense-19::after, .ms-defense-20::after, .ms-defense-25::after, .ms-defense-x::after {
color: #fff;
display: inline-block;
font-size: 0.5em;
font-family: "MPlantin, Garamond, Palatino, 'Times New Roman', Times, serif";
position: absolute;
left: 0;
line-height: 2.25em;
width: 100%;
text-align: center;
}
.ms-defense-0::after {
content: "0";
}
.ms-defense-1::after {
content: "1";
}
.ms-defense-2::after {
content: "2";
}
.ms-defense-3::after {
content: "3";
}
.ms-defense-4::after {
content: "4";
}
.ms-defense-5::after {
content: "5";
}
.ms-defense-6::after {
content: "6";
}
.ms-defense-7::after {
content: "7";
}
.ms-defense-8::after {
content: "8";
}
.ms-defense-9::after {
content: "9";
}
.ms-defense-10::after {
content: "10";
}
.ms-defense-11::after {
content: "11";
}
.ms-defense-12::after {
content: "12";
}
.ms-defense-13::after {
content: "13";
}
.ms-defense-14::after {
content: "14";
}
.ms-defense-15::after {
content: "15";
}
.ms-defense-16::after {
content: "16";
}
.ms-defense-17::after {
content: "17";
}
.ms-defense-18::after {
content: "18";
}
.ms-defense-19::after {
content: "19";
}
.ms-defense-20::after {
content: "20";
}
.ms-defense-25::after {
content: "25";
}
.ms-defense-outline::before {
content: "\e9d8";
}
.ms-defense-outline::after {
color: #111;
}
.ms-defense-print {
display: list-item;
list-style-position: inside;
}
.ms-defense-print::before {
color: #fff;
content: "\e9d8";
position: absolute;
left: 0;
top: 0;
text-shadow: 0 0 5px #333;
}
.ms-defense-print::marker {
content: "\e9d7";
color: #111;
}
.ms-dfc {
color: #111;
border: 0.05em solid #111;

2
css/mana.css.map
View File

File diff suppressed because one or more lines are too long

2
css/mana.min.css vendored
View File

File diff suppressed because one or more lines are too long

2
css/mana.min.css.map
View File

File diff suppressed because one or more lines are too long

BIN
fonts/mana.eot
View File

Binary file not shown.

21
fonts/mana.svg
View File

File diff suppressed because one or more lines are too long
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 839 KiB

After

Width:  |  Height:  |  Size: 857 KiB

BIN
fonts/mana.ttf
View File

Binary file not shown.

BIN
fonts/mana.woff
View File

Binary file not shown.

BIN
fonts/mana.woff2
View File

Binary file not shown.

18
index.html
View File

@ -56,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 {
@ -260,6 +262,11 @@
<i class="ms ms-saga ms-saga-4 ms-2x"></i>
&nbsp;&nbsp;
<i class="ms ms-level ms-3x"><span>1-2</span></i>
&nbsp;&nbsp;
<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>
</div>
<div class="right">
@ -276,6 +283,7 @@
<i class="ms ms-ability-alliance ms-2x ms-fw" title="Alliance"></i>
<i class="ms ms-ability-amass ms-2x ms-fw" title="Amass"></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-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>
@ -286,6 +294,7 @@
<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>
@ -302,6 +311,7 @@
<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>
@ -321,6 +331,7 @@
<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-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>
@ -363,6 +374,7 @@
</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>
@ -412,6 +424,8 @@
<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>
@ -438,6 +452,10 @@
<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>

27
less/icons.less
View File

@ -54,12 +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"; }
@ -71,7 +74,6 @@
&-tribal::before,
&-multiple::before { content: "\e925"; }
&-vanguard::before { content: "\e971"; }
&-multicolor::before { content: "\e985"; }
// zones
&-hand::before { content: "\e9ca"; }
@ -142,13 +144,17 @@
&-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 {
@ -158,12 +164,16 @@
// double-faced cards
&-dfc {
&-back::before { content: "\e9d4"; }
&-day::before { content: "\e906"; }
&-emrakul::before { content: "\e90a"; }
&-enchantment::before { content: "\e920"; }
&-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"; }
@ -225,6 +235,7 @@
&-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"; }
@ -270,6 +281,7 @@
&-alliance::before { content: "\e9b5"; }
&-amass::before { content: "\e97a"; }
&-ascend::before { content: "\e94a"; }
&-backup::before { content: "\e9d9"; }
&-blitz::before { content: "\e9b4"; }
&-boast::before { content: "\e991"; }
&-casualty::before { content: "\e9b7"; }
@ -279,7 +291,10 @@
&-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"; }
@ -295,7 +310,10 @@
&-dungeon::before { content: "\e995"; }
&-embalm::before { content: "\e97e"; }
&-enlist::before { content: "\e9ba"; }
&-enrage::before { content: "\e94e"; }
&-enrage {
&::before { content: "\e9dc"; }
&-original::before { content: "\e94e"; }
}
&-escape::before { content: "\e969"; }
&-eternalize::before { content: "\e97f"; }
&-exploit::before { content: "\e9af"; }
@ -317,6 +335,7 @@
&-white::before { content: "\e959"; }
}
&-hideaway::before { content: "\e9b8"; }
&-incubate::before { content: "\e9db"; }
&-indestructible::before { content: "\e95a"; }
&-investigate::before { content: "\e9ab"; }
&-jumpstart::before { content: "\e95b"; }

99
less/loyalty.less
View File

@ -145,7 +145,7 @@
color: #111;
}
// correction for starting loyalty size
&.#{$ms-prefix}-loyalty-start {
&.@{ms-prefix}-loyalty-start {
font-size: 1.6em;
}
}
@ -213,4 +213,101 @@
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;
&::before {
color: #fff;
content: "\e9d8";
position: absolute;
left: 0;
top: 0;
text-shadow: 0 0 5px #333;
}
&::marker {
content: "\e9d7";
color: #111;
}
}
}

2
less/variables.less
View File

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

3
package.json
View File

@ -1,6 +1,6 @@
{
"name": "mana-font",
"version": "1.15.5",
"version": "1.15.6",
"description": "Magic: the Gathering mana symbol pictographic font",
"main": "css/mana.css",
"repository": {
@ -21,6 +21,7 @@
"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.min.css --style compressed",
"rename": "for f in `find fonts/*`; do mv -v \"$f\" \"`echo $f | tr '[A-Z]' '[a-z]'`\"; done",
"build": "npm run -s sass && npm run -s sassmin"
},
"author": "Andrew Gioia <andrew@gioia.email>",

27
sass/_icons.scss
View File

@ -54,6 +54,8 @@
// 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"; }
@ -61,6 +63,7 @@
&-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"; }
@ -72,7 +75,6 @@
&-tribal::before,
&-multiple::before { content: "\e925"; }
&-vanguard::before { content: "\e971"; }
&-multicolor::before { content: "\e985"; }
// zones
&-hand::before { content: "\e9ca"; }
@ -143,13 +145,17 @@
&-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 {
@ -159,12 +165,16 @@
// double-faced cards
&-dfc {
&-back::before { content: "\e9d4"; }
&-day::before { content: "\e906"; }
&-emrakul::before { content: "\e90a"; }
&-enchantment::before { content: "\e920"; }
&-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"; }
@ -226,6 +236,7 @@
&-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"; }
@ -271,6 +282,7 @@
&-alliance::before { content: "\e9b5"; }
&-amass::before { content: "\e97a"; }
&-ascend::before { content: "\e94a"; }
&-backup::before { content: "\e9d9"; }
&-blitz::before { content: "\e9b4"; }
&-boast::before { content: "\e991"; }
&-casualty::before { content: "\e9b7"; }
@ -280,7 +292,10 @@
&-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"; }
@ -296,7 +311,10 @@
&-dungeon::before { content: "\e995"; }
&-embalm::before { content: "\e97e"; }
&-enlist::before { content: "\e9ba"; }
&-enrage::before { content: "\e94e"; }
&-enrage {
&::before { content: "\e9dc"; }
&-original::before { content: "\e94e"; }
}
&-escape::before { content: "\e969"; }
&-eternalize::before { content: "\e97f"; }
&-exploit::before { content: "\e9af"; }
@ -318,6 +336,7 @@
&-white::before { content: "\e959"; }
}
&-hideaway::before { content: "\e9b8"; }
&-incubate::before { content: "\e9db"; }
&-indestructible::before { content: "\e95a"; }
&-investigate::before { content: "\e9ab"; }
&-jumpstart::before { content: "\e95b"; }

98
sass/_loyalty.scss
View File

@ -218,4 +218,102 @@
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;
&::before {
color: #fff;
content: "\e9d8";
position: absolute;
left: 0;
top: 0;
text-shadow: 0 0 5px #333;
}
&::marker {
content: "\e9d7";
color: #111;
}
}
}

2
sass/_variables.scss
View File

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