mirror of
https://github.com/andrewgioia/mana.git
synced 2024-10-05 06:05:49 +00:00
Adds all Arena ability symbols (#41, #52, #44, and long-overdue #13), a rarity symbol (#53), and SVGs included (#51)
This commit is contained in:
parent
22dc3bbc78
commit
89c15e5660
11
CHANGELOG.md
11
CHANGELOG.md
@ -11,6 +11,17 @@ All notable changes to this project will be documented in this file.
|
||||
|
||||
## Versions
|
||||
|
||||
### [1.9.0] 2020-09-03 All Arena ability symbols!
|
||||
|
||||
* **Added:** Excited to add _all_ 53 ability symbols from Arena! This was a big task as many had to be drawn from scratch! [#41](https://github.com/andrewgioia/mana/issues/41), [#53](https://github.com/andrewgioia/mana/issues/53), [#52](https://github.com/andrewgioia/mana/issues/52), and [#44](https://github.com/andrewgioia/mana/issues/44)
|
||||
* **Fixed:** Some outdated SVG issues with the existing type symbols have been corrected
|
||||
* **Added:** SVGs are now shipped [#51](https://github.com/andrewgioia/mana/issues/51)
|
||||
|
||||
### [1.8.0] 2020-08-21 Arena ability initial release
|
||||
|
||||
* **Added:** All ability symbols from Arena [#41](https://github.com/andrewgioia/mana/issues/41)
|
||||
* **Fixed:** All .scss files are cleaner and a bit more optimized; probably going to move to Sass soon
|
||||
|
||||
### [1.7.0] 2020-08-20 Birthday release with MODO counters!
|
||||
|
||||
* **Added:** All counters from Magic Online [#39](https://github.com/andrewgioia/mana/issues/39)
|
||||
|
@ -1,9 +1,9 @@
|
||||
{
|
||||
"name": "mana",
|
||||
"homepage": "https://github.com/andrewgioia/Mana",
|
||||
"version": "1.7.0",
|
||||
"homepage": "https://github.com/andrewgioia/mana",
|
||||
"version": "1.9.0",
|
||||
"authors": [
|
||||
"Andrew Gioia <andrewgioia@gmail.com>"
|
||||
"Andrew Gioia <andrew@gioia.email>"
|
||||
],
|
||||
"description": "Magic: the Gathering mana symbol pictographic font",
|
||||
"main": [
|
||||
|
1373
css/mana.css
1373
css/mana.css
File diff suppressed because it is too large
Load Diff
1
css/mana.css.map
Normal file
1
css/mana.css.map
Normal file
@ -0,0 +1 @@
|
||||
{"version":3,"sourceRoot":"","sources":["../sass/_path.scss","../sass/_core.scss","../sass/_icons.scss","../sass/_cost.scss","../sass/_loyalty.scss","../sass/_variables.scss","../sass/_dfc.scss","../sass/_sizes.scss"],"names":[],"mappings":"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","file":"mana.css"}
|
2
css/mana.min.css
vendored
2
css/mana.min.css
vendored
File diff suppressed because one or more lines are too long
BIN
fonts/mana.eot
BIN
fonts/mana.eot
Binary file not shown.
File diff suppressed because one or more lines are too long
Before Width: | Height: | Size: 389 KiB After Width: | Height: | Size: 588 KiB |
BIN
fonts/mana.ttf
BIN
fonts/mana.ttf
Binary file not shown.
BIN
fonts/mana.woff
BIN
fonts/mana.woff
Binary file not shown.
BIN
fonts/mana.woff2
BIN
fonts/mana.woff2
Binary file not shown.
113
index.html
113
index.html
@ -4,8 +4,7 @@
|
||||
<meta charset="utf-8" />
|
||||
<meta http-equiv="X-UA-Compatible" content="chrome=1" />
|
||||
<title>Mana</title>
|
||||
<link rel="stylesheet" href="css/mana.css?v=1.6.0" />
|
||||
<link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700,700i">
|
||||
<link rel="stylesheet" href="css/mana.css?v=1.8.0" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
|
||||
<style type="text/css">
|
||||
html {
|
||||
@ -14,9 +13,8 @@
|
||||
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: 16px;
|
||||
font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
|
||||
font-size: 17px;
|
||||
line-height: 1.6em;
|
||||
margin: 0 auto;
|
||||
padding: 0 100px;
|
||||
@ -25,8 +23,14 @@
|
||||
h1, h2, .mplantin {
|
||||
font-family: MPlantin, Times, serif;
|
||||
}
|
||||
h1 {
|
||||
font-size: 36px;
|
||||
}
|
||||
h2 {
|
||||
font-size: 26px;
|
||||
}
|
||||
h3 {
|
||||
font-size: 16px;
|
||||
font-size: 19px;
|
||||
font-weight: bold;
|
||||
margin: 0;
|
||||
}
|
||||
@ -70,7 +74,7 @@
|
||||
This HTML file is for demo purposes and is not necessary for Mana installation or use.
|
||||
You can view all of the mana symbol font icons and the available examples below
|
||||
(casting cost background and increased sizes). Please take a look at the
|
||||
<a href="https://andrewgioia.github.io/Mana">Mana documentation page</a> for
|
||||
<a href="https://mana.andrewgioia.com">Mana documentation page</a> for
|
||||
the full set of icons, attributes, and usages.
|
||||
</p>
|
||||
<div class="left">
|
||||
@ -176,32 +180,41 @@
|
||||
<i class="ms ms-infinity ms-cost ms-shadow"></i>
|
||||
<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>
|
||||
</p>
|
||||
</div>
|
||||
<div class="right">
|
||||
<h3>Future Sight and other type symbols</h3>
|
||||
<p>
|
||||
<i class="ms ms-artifact ms-2x"></i>
|
||||
<i class="ms ms-creature ms-2x"></i>
|
||||
<i class="ms ms-enchantment ms-2x"></i>
|
||||
<i class="ms ms-instant ms-2x"></i>
|
||||
<i class="ms ms-land ms-2x"></i>
|
||||
<i class="ms ms-planeswalker ms-2x"></i>
|
||||
<i class="ms ms-sorcery ms-2x"></i>
|
||||
<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-flashback ms-2x"></i>
|
||||
<i class="ms ms-multiple ms-2x"></i>
|
||||
|
||||
<i class="ms ms-acorn ms-2x"></i>
|
||||
<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-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>
|
||||
</p>
|
||||
<h3>Planeswalker symbols</h3>
|
||||
<h3>Loyalty symbols</h3>
|
||||
<p>
|
||||
<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>
|
||||
|
||||
<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>
|
||||
@ -277,10 +290,66 @@
|
||||
<i class="ms ms-counter-verse ms-2x"></i>
|
||||
<i class="ms ms-counter-vortex ms-2x"></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>
|
||||
</p>
|
||||
</div>
|
||||
<div style="clear: both;"></div>
|
||||
<footer>
|
||||
Made with ♥ by <a href="http://andrewgioia.com">Andrew Gioia</a>
|
||||
Made with ♥ by <a href="https://andrewgioia.com">Andrew Gioia</a>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
@ -1,3 +1,5 @@
|
||||
// base
|
||||
|
||||
.@{ms-prefix} {
|
||||
display: inline-block;
|
||||
font: normal normal normal @ms-font-size-base/1 Mana;
|
||||
@ -11,4 +13,4 @@
|
||||
// Better font rendering
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
}
|
@ -1,5 +1,4 @@
|
||||
/**
|
||||
* Mana cost styles */
|
||||
// cost style
|
||||
|
||||
.@{ms-prefix}-cost {
|
||||
|
||||
@ -54,16 +53,16 @@
|
||||
position: relative;
|
||||
width: 1.3em;
|
||||
height: 1.3em;
|
||||
&:before,
|
||||
&:after {
|
||||
&::before,
|
||||
&::after {
|
||||
font-size: 0.55em !important;
|
||||
position: absolute;
|
||||
}
|
||||
&:before {
|
||||
&::before {
|
||||
top: -0.38em;
|
||||
left: 0.28em;
|
||||
}
|
||||
&:after {
|
||||
&::after {
|
||||
top: 0.5em;
|
||||
left: 1.0em;
|
||||
}
|
||||
@ -220,12 +219,12 @@
|
||||
}
|
||||
|
||||
// Phyrexian mana and 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}-p::before,
|
||||
&.@{ms-prefix}-wp::before,
|
||||
&.@{ms-prefix}-up::before,
|
||||
&.@{ms-prefix}-bp::before,
|
||||
&.@{ms-prefix}-rp::before,
|
||||
&.@{ms-prefix}-gp::before {
|
||||
display: inline-block;
|
||||
-moz-transform: scale( 1.2, 1.2 );
|
||||
-webkit-transform: scale( 1.2, 1.2 );
|
||||
@ -233,7 +232,7 @@
|
||||
}
|
||||
|
||||
// Alternate tap
|
||||
&.@{ms-prefix}-tap-alt:before {
|
||||
&.@{ms-prefix}-tap-alt::before {
|
||||
display: inline-block;
|
||||
-moz-transform: scale( 1.2, 1.2 );
|
||||
-webkit-transform: scale( 1.2, 1.2 );
|
||||
@ -243,7 +242,7 @@
|
||||
}
|
||||
|
||||
// Snow mana
|
||||
&.@{ms-prefix}-s:before {
|
||||
&.@{ms-prefix}-s::before {
|
||||
color: #fff;
|
||||
-webkit-text-stroke: 2px #fff;
|
||||
font-size: 0.85em;
|
||||
@ -251,7 +250,7 @@
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
}
|
||||
&.@{ms-prefix}-s:after {
|
||||
&.@{ms-prefix}-s::after {
|
||||
//text-shadow: -1px 1px 0 #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, 1px 1px 0 #fff;
|
||||
content: "\e619";
|
||||
position: absolute;
|
||||
@ -284,16 +283,16 @@
|
||||
width: 1.3em;
|
||||
height: 1.3em;
|
||||
}
|
||||
.@{ms-prefix}-split:before,
|
||||
.@{ms-prefix}-split:after {
|
||||
.@{ms-prefix}-split::before,
|
||||
.@{ms-prefix}-split::after {
|
||||
font-size: 0.55em !important;
|
||||
position: absolute;
|
||||
}
|
||||
.@{ms-prefix}-split:before {
|
||||
.@{ms-prefix}-split::before {
|
||||
top: -0.38em;
|
||||
left: 0.28em;
|
||||
}
|
||||
.@{ms-prefix}-split:after {
|
||||
.@{ms-prefix}-split::after {
|
||||
top: 0.5em;
|
||||
left: 1.0em;
|
||||
}
|
||||
@ -320,7 +319,7 @@ span.@{ms-prefix}-half {
|
||||
margin-left: .675em;
|
||||
overflow: hidden;
|
||||
border-radius: 0 1em 1em 0;
|
||||
&:before {
|
||||
&::before {
|
||||
margin-left: -.65em;
|
||||
}
|
||||
}
|
||||
@ -333,4 +332,4 @@ span.@{ms-prefix}-half {
|
||||
}
|
||||
.@{ms-prefix}-1000000 {
|
||||
width: 5.4em;
|
||||
}
|
||||
}
|
434
less/icons.less
434
less/icons.less
@ -1,193 +1,265 @@
|
||||
/**
|
||||
* Mana */
|
||||
// symbols
|
||||
|
||||
.@{ms-prefix}-w:before { content: "\e600"; }
|
||||
.@{ms-prefix}-u:before { content: "\e601"; }
|
||||
.@{ms-prefix}-b:before { content: "\e602"; }
|
||||
.@{ms-prefix}-r:before { content: "\e603"; }
|
||||
.@{ms-prefix}-g:before { content: "\e604"; }
|
||||
.@{ms-prefix}-0:before { content: "\e605"; }
|
||||
.@{ms-prefix}-1:before { content: "\e606"; }
|
||||
.@{ms-prefix}-2:before { content: "\e607"; }
|
||||
.@{ms-prefix}-3:before { content: "\e608"; }
|
||||
.@{ms-prefix}-4:before { content: "\e609"; }
|
||||
.@{ms-prefix}-5:before { content: "\e60a"; }
|
||||
.@{ms-prefix}-6:before { content: "\e60b"; }
|
||||
.@{ms-prefix}-7:before { content: "\e60c"; }
|
||||
.@{ms-prefix}-8:before { content: "\e60d"; }
|
||||
.@{ms-prefix}-9:before { content: "\e60e"; }
|
||||
.@{ms-prefix}-10:before { content: "\e60f"; }
|
||||
.@{ms-prefix}-11:before { content: "\e610"; }
|
||||
.@{ms-prefix}-12:before { content: "\e611"; }
|
||||
.@{ms-prefix}-13:before { content: "\e612"; }
|
||||
.@{ms-prefix}-14:before { content: "\e613"; }
|
||||
.@{ms-prefix}-15:before { content: "\e614"; }
|
||||
.@{ms-prefix}-16:before { content: "\e62a"; }
|
||||
.@{ms-prefix}-17:before { content: "\e62b"; }
|
||||
.@{ms-prefix}-18:before { content: "\e62c"; }
|
||||
.@{ms-prefix}-19:before { content: "\e62d"; }
|
||||
.@{ms-prefix}-20:before { content: "\e62e"; }
|
||||
.@{ms-prefix}-x:before { content: "\e615"; }
|
||||
.@{ms-prefix}-y:before { content: "\e616"; }
|
||||
.@{ms-prefix}-z:before { content: "\e617"; }
|
||||
.@{ms-prefix}-p:before,
|
||||
.@{ms-prefix}-wp:before,
|
||||
.@{ms-prefix}-up:before,
|
||||
.@{ms-prefix}-bp:before,
|
||||
.@{ms-prefix}-rp:before,
|
||||
.@{ms-prefix}-gp:before { content: "\e618"; }
|
||||
.@{ms-prefix}-s:before { content: "\e619"; }
|
||||
.@{ms-prefix}-c:before { content: "\e904"; }
|
||||
.@{ms-prefix}-e:before,
|
||||
.@{ms-prefix}-energy:before{ content: "\e907"; }
|
||||
.@{ms-prefix} {
|
||||
|
||||
/**
|
||||
* Tap/roll symbols */
|
||||
// resources
|
||||
&-w::before { content: "\e600"; }
|
||||
&-u::before { content: "\e601"; }
|
||||
&-b::before { content: "\e602"; }
|
||||
&-r::before { content: "\e603"; }
|
||||
&-g::before { content: "\e604"; }
|
||||
&-0::before { content: "\e605"; }
|
||||
&-1::before { content: "\e606"; }
|
||||
&-2::before { content: "\e607"; }
|
||||
&-3::before { content: "\e608"; }
|
||||
&-4::before { content: "\e609"; }
|
||||
&-5::before { content: "\e60a"; }
|
||||
&-6::before { content: "\e60b"; }
|
||||
&-7::before { content: "\e60c"; }
|
||||
&-8::before { content: "\e60d"; }
|
||||
&-9::before { content: "\e60e"; }
|
||||
&-10::before { content: "\e60f"; }
|
||||
&-11::before { content: "\e610"; }
|
||||
&-12::before { content: "\e611"; }
|
||||
&-13::before { content: "\e612"; }
|
||||
&-14::before { content: "\e613"; }
|
||||
&-15::before { content: "\e614"; }
|
||||
&-16::before { content: "\e62a"; }
|
||||
&-17::before { content: "\e62b"; }
|
||||
&-18::before { content: "\e62c"; }
|
||||
&-19::before { content: "\e62d"; }
|
||||
&-20::before { content: "\e62e"; }
|
||||
&-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"; }
|
||||
&-s::before { content: "\e619"; }
|
||||
&-c::before { content: "\e904"; }
|
||||
&-e::before,
|
||||
&-energy::before{ content: "\e907"; }
|
||||
&-acorn::before { content: "\e929"; }
|
||||
&-1-2::before { content: "\e902"; }
|
||||
&-infinity::before { content: "\e903"; }
|
||||
|
||||
.@{ms-prefix}-tap:before { content: "\e61a"; }
|
||||
.@{ms-prefix}-untap:before { content: "\e61b"; }
|
||||
.@{ms-prefix}-tap-alt:before { content: "\e61c"; }
|
||||
.@{ms-prefix}-chaos:before { content: "\e61d"; }
|
||||
.@{ms-prefix}-1-2:before { content: "\e902"; }
|
||||
.@{ms-prefix}-infinity:before { content: "\e903"; }
|
||||
// tap/roll
|
||||
&-tap::before { content: "\e61a"; }
|
||||
&-untap::before { content: "\e61b"; }
|
||||
&-tap-alt::before { content: "\e61c"; }
|
||||
&-chaos::before { content: "\e61d"; }
|
||||
|
||||
/**
|
||||
* Card types */
|
||||
// card types
|
||||
&-artifact::before { content: "\e61e"; }
|
||||
&-conspiracy::before { content: "\e972"; }
|
||||
&-creature::before { content: "\e61f"; }
|
||||
&-enchantment::before { content: "\e620"; }
|
||||
&-instant::before { content: "\e621"; }
|
||||
&-land::before { content: "\e622"; }
|
||||
&-phenomenon::before { content: "\e96e"; }
|
||||
&-plane::before { content: "\e96f"; }
|
||||
&-planeswalker::before { content: "\e623"; }
|
||||
&-rarity::before { content: "\e96c"; }
|
||||
&-saga::before { content: "\e92a"; }
|
||||
&-scheme::before { content: "\e970"; }
|
||||
&-sorcery::before { content: "\e624"; }
|
||||
&-token::before { content: "\e96d"; }
|
||||
&-tribal::before,
|
||||
&-multiple::before { content: "\e925"; }
|
||||
&-vanguard::before { content: "\e971"; }
|
||||
|
||||
.@{ms-prefix}-artifact:before { content: "\e61e"; }
|
||||
.@{ms-prefix}-creature:before { content: "\e61f"; }
|
||||
.@{ms-prefix}-enchantment:before { content: "\e620"; }
|
||||
.@{ms-prefix}-instant:before { content: "\e621"; }
|
||||
.@{ms-prefix}-land:before { content: "\e622"; }
|
||||
.@{ms-prefix}-planeswalker:before { content: "\e623"; }
|
||||
.@{ms-prefix}-sorcery:before { content: "\e624"; }
|
||||
.@{ms-prefix}-multiple:before { content: "\e925"; }
|
||||
.@{ms-prefix}-saga:before { content: "\e92a"; }
|
||||
.@{ms-prefix}-acorn:before { content: "\e929"; }
|
||||
// splits
|
||||
&-wu::before,
|
||||
&-wb::before,
|
||||
&-rw::after,
|
||||
&-gw::after,
|
||||
&-2w::after { content: "\e600"; } // white
|
||||
&-ub::before,
|
||||
&-ur::before,
|
||||
&-wu::after,
|
||||
&-gu::after,
|
||||
&-2u::after { content: "\e601"; } // blue
|
||||
&-br::before,
|
||||
&-bg::before,
|
||||
&-wb::after,
|
||||
&-ub::after,
|
||||
&-2b::after { content: "\e602"; } // black
|
||||
&-rw::before,
|
||||
&-rg::before,
|
||||
&-ur::after,
|
||||
&-br::after,
|
||||
&-2r::after { content: "\e603"; } // red
|
||||
&-gw::before,
|
||||
&-gu::before,
|
||||
&-bg::after,
|
||||
&-rg::after,
|
||||
&-2g::after { content: "\e604"; } // green
|
||||
&-2w::before,
|
||||
&-2u::before,
|
||||
&-2b::before,
|
||||
&-2r::before,
|
||||
&-2g::before { content: "\e607"; } // 2
|
||||
|
||||
/**
|
||||
* Split symbols */
|
||||
// un-sets
|
||||
&-100::before { content: "\e900"; }
|
||||
&-1000000::before { content: "\e901"; }
|
||||
|
||||
.@{ms-prefix}-wu:before,
|
||||
.@{ms-prefix}-wb:before,
|
||||
.@{ms-prefix}-rw:after,
|
||||
.@{ms-prefix}-gw:after,
|
||||
.@{ms-prefix}-2w:after { content: "\e600"; } // white
|
||||
.@{ms-prefix}-ub:before,
|
||||
.@{ms-prefix}-ur:before,
|
||||
.@{ms-prefix}-wu:after,
|
||||
.@{ms-prefix}-gu:after,
|
||||
.@{ms-prefix}-2u:after { content: "\e601"; } // blue
|
||||
.@{ms-prefix}-br:before,
|
||||
.@{ms-prefix}-bg:before,
|
||||
.@{ms-prefix}-wb:after,
|
||||
.@{ms-prefix}-ub:after,
|
||||
.@{ms-prefix}-2b:after { content: "\e602"; } // black
|
||||
.@{ms-prefix}-rw:before,
|
||||
.@{ms-prefix}-rg:before,
|
||||
.@{ms-prefix}-ur:after,
|
||||
.@{ms-prefix}-br:after,
|
||||
.@{ms-prefix}-2r:after { content: "\e603"; } // red
|
||||
.@{ms-prefix}-gw:before,
|
||||
.@{ms-prefix}-gu:before,
|
||||
.@{ms-prefix}-bg:after,
|
||||
.@{ms-prefix}-rg:after,
|
||||
.@{ms-prefix}-2g:after { content: "\e604"; } // green
|
||||
.@{ms-prefix}-2w:before,
|
||||
.@{ms-prefix}-2u:before,
|
||||
.@{ms-prefix}-2b:before,
|
||||
.@{ms-prefix}-2r:before,
|
||||
.@{ms-prefix}-2g:before { content: "\e607"; } // 2
|
||||
// planeswalkers
|
||||
&-loyalty {
|
||||
&-up::before { content: "\e627"; } // Up
|
||||
&-down::before { content: "\e625"; } // Down
|
||||
&-zero::before { content: "\e626"; } // Zero
|
||||
&-start::before { content: "\e628"; } // Start
|
||||
}
|
||||
|
||||
/**
|
||||
* Un-set symbols */
|
||||
// double-faced cards
|
||||
&-dfc {
|
||||
&-night::before { content: "\e905"; }
|
||||
&-day::before { content: "\e906"; }
|
||||
&-ignite::before { content: "\e908"; }
|
||||
&-spark::before { content: "\e909"; }
|
||||
&-emrakul::before { content: "\e90a"; }
|
||||
&-moon::before { content: "\e90b"; }
|
||||
&-enchantment::before { content: "\e920"; }
|
||||
}
|
||||
|
||||
.@{ms-prefix}-100:before { content: "\e900"; }
|
||||
.@{ms-prefix}-1000000:before { content: "\e901"; }
|
||||
// other card elements
|
||||
&-flashback::before { content: "\e629"; }
|
||||
&-power::before { content: "\e921"; }
|
||||
&-toughness::before { content: "\e922"; }
|
||||
&-artist {
|
||||
&-brush::before { content: "\e923"; }
|
||||
&-nib::before { content: "\e924"; }
|
||||
}
|
||||
|
||||
/**
|
||||
* Planeswalker symbols */
|
||||
// guilds/clans/poleis
|
||||
&-guild{
|
||||
&-azorius::before { content: "\e90c"; }
|
||||
&-boros::before { content: "\e90d"; }
|
||||
&-dimir::before { content: "\e90e"; }
|
||||
&-golgari::before { content: "\e90f"; }
|
||||
&-gruul::before { content: "\e910"; }
|
||||
&-izzet::before { content: "\e911"; }
|
||||
&-orzhov::before { content: "\e912"; }
|
||||
&-rakdos::before { content: "\e913"; }
|
||||
&-selesnya::before { content: "\e914"; }
|
||||
&-simic::before { content: "\e915"; }
|
||||
}
|
||||
&-clan {
|
||||
&-abzan::before { content: "\e916"; }
|
||||
&-jeskai::before { content: "\e917"; }
|
||||
&-mardu::before { content: "\e918"; }
|
||||
&-sultai::before { content: "\e919"; }
|
||||
&-temur::before { content: "\e91a"; }
|
||||
&-atarka::before { content: "\e91b"; }
|
||||
&-dromoka::before { content: "\e91c"; }
|
||||
&-kolaghan::before { content: "\e91d"; }
|
||||
&-ojutai::before { content: "\e91e"; }
|
||||
&-silumgar::before { content: "\e91f"; }
|
||||
}
|
||||
&-polis {
|
||||
&-setessa::before { content: "\e926"; }
|
||||
&-akros::before { content: "\e927"; }
|
||||
&-meletis::before { content: "\e928"; }
|
||||
}
|
||||
|
||||
.@{ms-prefix}-loyalty-up:before { content: "\e627"; } // Up
|
||||
.@{ms-prefix}-loyalty-down:before { content: "\e625"; } // Down
|
||||
.@{ms-prefix}-loyalty-zero:before { content: "\e626"; } // Zero
|
||||
.@{ms-prefix}-loyalty-start:before { content: "\e628"; } // Start
|
||||
// counters
|
||||
&-counter {
|
||||
&-arrow::before { content: "\e92b"; }
|
||||
&-brick::before { content: "\e92c"; }
|
||||
&-charge::before { content: "\e92d"; }
|
||||
&-devotion::before { content: "\e92e"; }
|
||||
&-doom::before { content: "\e92f"; }
|
||||
&-echo::before { content: "\e930"; }
|
||||
&-flame::before { content: "\e931"; }
|
||||
&-flood::before { content: "\e932"; }
|
||||
&-fungus::before { content: "\e933"; }
|
||||
&-gold::before { content: "\e934"; }
|
||||
&-ki::before { content: "\e935"; }
|
||||
&-lore::before { content: "\e936"; }
|
||||
&-loyalty::before { content: "\e937"; }
|
||||
&-mining::before { content: "\e938"; }
|
||||
&-minus::before { content: "\e939"; }
|
||||
&-muster::before { content: "\e93a"; }
|
||||
&-paw::before { content: "\e93b"; }
|
||||
&-pin::before { content: "\e93c"; }
|
||||
&-plus::before { content: "\e93d"; }
|
||||
&-scream::before { content: "\e93e"; }
|
||||
&-skeleton::before { content: "\e93f"; }
|
||||
&-skull::before { content: "\e940"; }
|
||||
&-slime::before { content: "\e941"; }
|
||||
&-time::before { content: "\e942"; }
|
||||
&-minus-uneven::before { content: "\e943"; }
|
||||
&-plus-uneven::before { content: "\e944"; }
|
||||
&-verse::before { content: "\e945"; }
|
||||
&-vortex::before { content: "\e946"; }
|
||||
}
|
||||
|
||||
/**
|
||||
* Other */
|
||||
|
||||
.@{ms-prefix}-flashback:before { content: "\e629"; }
|
||||
.@{ms-prefix}-dfc-night:before { content: "\e905"; }
|
||||
.@{ms-prefix}-dfc-day:before { content: "\e906"; }
|
||||
.@{ms-prefix}-dfc-ignite:before { content: "\e908"; }
|
||||
.@{ms-prefix}-dfc-spark:before { content: "\e909"; }
|
||||
.@{ms-prefix}-dfc-emrakul:before { content: "\e90a"; }
|
||||
.@{ms-prefix}-dfc-moon:before { content: "\e90b"; }
|
||||
.@{ms-prefix}-dfc-enchantment:before { content: "\e920"; }
|
||||
.@{ms-prefix}-power:before { content: "\e921"; }
|
||||
.@{ms-prefix}-toughness:before { content: "\e922"; }
|
||||
.@{ms-prefix}-artist-brush:before { content: "\e923"; }
|
||||
.@{ms-prefix}-artist-nib:before { content: "\e924"; }
|
||||
|
||||
/**
|
||||
* Guilds and Clans */
|
||||
|
||||
.@{ms-prefix}-guild-azorius:before { content: "\e90c"; }
|
||||
.@{ms-prefix}-guild-boros:before { content: "\e90d"; }
|
||||
.@{ms-prefix}-guild-dimir:before { content: "\e90e"; }
|
||||
.@{ms-prefix}-guild-golgari:before { content: "\e90f"; }
|
||||
.@{ms-prefix}-guild-gruul:before { content: "\e910"; }
|
||||
.@{ms-prefix}-guild-izzet:before { content: "\e911"; }
|
||||
.@{ms-prefix}-guild-orzhov:before { content: "\e912"; }
|
||||
.@{ms-prefix}-guild-rakdos:before { content: "\e913"; }
|
||||
.@{ms-prefix}-guild-selesnya:before { content: "\e914"; }
|
||||
.@{ms-prefix}-guild-simic:before { content: "\e915"; }
|
||||
.@{ms-prefix}-clan-abzan:before { content: "\e916"; }
|
||||
.@{ms-prefix}-clan-jeskai:before { content: "\e917"; }
|
||||
.@{ms-prefix}-clan-mardu:before { content: "\e918"; }
|
||||
.@{ms-prefix}-clan-sultai:before { content: "\e919"; }
|
||||
.@{ms-prefix}-clan-temur:before { content: "\e91a"; }
|
||||
.@{ms-prefix}-clan-atarka:before { content: "\e91b"; }
|
||||
.@{ms-prefix}-clan-dromoka:before { content: "\e91c"; }
|
||||
.@{ms-prefix}-clan-kolaghan:before { content: "\e91d"; }
|
||||
.@{ms-prefix}-clan-ojutai:before { content: "\e91e"; }
|
||||
.@{ms-prefix}-clan-silumgar:before { content: "\e91f"; }
|
||||
|
||||
/**
|
||||
* Poleis */
|
||||
|
||||
.@{ms-prefix}-polis-setessa:before { content: "\e926"; }
|
||||
.@{ms-prefix}-polis-akros:before { content: "\e927"; }
|
||||
.@{ms-prefix}-polis-meletis:before { content: "\e928"; }
|
||||
|
||||
/**
|
||||
* Counters */
|
||||
|
||||
.@{ms-prefix}-counter-arrow:before { content: "\e92b"; }
|
||||
.@{ms-prefix}-counter-brick:before { content: "\e92c"; }
|
||||
.@{ms-prefix}-counter-charge:before { content: "\e92d"; }
|
||||
.@{ms-prefix}-counter-devotion:before { content: "\e92e"; }
|
||||
.@{ms-prefix}-counter-doom:before { content: "\e92f"; }
|
||||
.@{ms-prefix}-counter-echo:before { content: "\e930"; }
|
||||
.@{ms-prefix}-counter-flame:before { content: "\e931"; }
|
||||
.@{ms-prefix}-counter-flood:before { content: "\e932"; }
|
||||
.@{ms-prefix}-counter-fungus:before { content: "\e933"; }
|
||||
.@{ms-prefix}-counter-gold:before { content: "\e934"; }
|
||||
.@{ms-prefix}-counter-ki:before { content: "\e935"; }
|
||||
.@{ms-prefix}-counter-lore:before { content: "\e936"; }
|
||||
.@{ms-prefix}-counter-loyalty:before { content: "\e937"; }
|
||||
.@{ms-prefix}-counter-mining:before { content: "\e938"; }
|
||||
.@{ms-prefix}-counter-minus:before { content: "\e939"; }
|
||||
.@{ms-prefix}-counter-muster:before { content: "\e93a"; }
|
||||
.@{ms-prefix}-counter-paw:before { content: "\e93b"; }
|
||||
.@{ms-prefix}-counter-pin:before { content: "\e93c"; }
|
||||
.@{ms-prefix}-counter-plus:before { content: "\e93d"; }
|
||||
.@{ms-prefix}-counter-scream:before { content: "\e93e"; }
|
||||
.@{ms-prefix}-counter-skeleton:before { content: "\e93f"; }
|
||||
.@{ms-prefix}-counter-skull:before { content: "\e940"; }
|
||||
.@{ms-prefix}-counter-slime:before { content: "\e941"; }
|
||||
.@{ms-prefix}-counter-time:before { content: "\e942"; }
|
||||
.@{ms-prefix}-counter-minus-uneven:before { content: "\e943"; }
|
||||
.@{ms-prefix}-counter-plus-uneven:before { content: "\e944"; }
|
||||
.@{ms-prefix}-counter-verse:before { content: "\e945"; }
|
||||
.@{ms-prefix}-counter-vortex:before { content: "\e946"; }
|
||||
// abilities
|
||||
&-ability {
|
||||
&-activated::before,
|
||||
&-crew::before,
|
||||
&-cycling::before { content: "\e947"; }
|
||||
&-adamant::before { content: "\e974"; }
|
||||
&-adapt::before { content: "\e975"; }
|
||||
&-addendum::before { content: "\e976"; }
|
||||
&-adventure::before { content: "\e948"; }
|
||||
&-afflict::before { content: "\e977"; }
|
||||
&-afterlife::before { content: "\e978"; }
|
||||
&-aftermath::before { content: "\e979"; }
|
||||
&-amass::before { content: "\e97a"; }
|
||||
&-ascend::before { content: "\e94a"; }
|
||||
&-companion::before { content: "\e97b"; }
|
||||
&-constellation::before { content: "\e97c"; }
|
||||
&-convoke::before { content: "\e949"; }
|
||||
&-deathtouch::before { content: "\e94b"; }
|
||||
&-defender::before { content: "\e94c"; }
|
||||
&-devotion::before { content: "\e97d"; }
|
||||
&-double-strike::before { content: "\e94d"; }
|
||||
&-embalm::before { content: "\e97e"; }
|
||||
&-enrage::before { content: "\e94e"; }
|
||||
&-escape::before { content: "\e969"; }
|
||||
&-eternalize::before { content: "\e97f"; }
|
||||
&-explore::before { content: "\e94f"; }
|
||||
&-first-strike::before { content: "\e950"; }
|
||||
&-flash::before { content: "\e951"; }
|
||||
&-flying::before { content: "\e952"; }
|
||||
&-haste::before { content: "\e953"; }
|
||||
&-hexproof {
|
||||
&::before { content: "\e954"; }
|
||||
&-black::before { content: "\e955"; }
|
||||
&-blue::before { content: "\e956"; }
|
||||
&-green::before { content: "\e957"; }
|
||||
&-red::before { content: "\e958"; }
|
||||
&-white::before { content: "\e959"; }
|
||||
}
|
||||
&-indestructible::before { content: "\e95a"; }
|
||||
&-jumpstart::before { content: "\e95b"; }
|
||||
&-lifelink::before { content: "\e95c"; }
|
||||
&-menace::before { content: "\e95d"; }
|
||||
&-mentor::before { content: "\e95e"; }
|
||||
&-mutate::before { content: "\e980"; }
|
||||
&-proliferate::before { content: "\e981"; }
|
||||
&-prowess::before { content: "\e982"; }
|
||||
&-raid::before { content: "\e95f"; }
|
||||
&-reach::before { content: "\e960"; }
|
||||
&-revolt::before { content: "\e961"; }
|
||||
&-riot::before { content: "\e973"; }
|
||||
&-spectacle::before { content: "\e96b"; }
|
||||
&-static::before,
|
||||
&-enchant::before,
|
||||
&-improvise::before,
|
||||
&-kicker::before { content: "\e962"; }
|
||||
&-summoning-sickness::before { content: "\e96a"; }
|
||||
&-surveil::before { content: "\e963"; }
|
||||
&-trample::before { content: "\e964"; }
|
||||
&-transform::before { content: "\e965"; }
|
||||
&-triggered::before,
|
||||
&-fabricate::before { content: "\e966"; }
|
||||
&-undergrowth::before { content: "\e967"; }
|
||||
&-vigilance::before { content: "\e968"; }
|
||||
}
|
||||
}
|
@ -21,29 +21,29 @@
|
||||
}
|
||||
|
||||
// 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 {
|
||||
&-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;
|
||||
@ -54,79 +54,79 @@
|
||||
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"; }
|
||||
&.@{ms-prefix}-loyalty-3:after { content: "+3"; }
|
||||
&.@{ms-prefix}-loyalty-4:after { content: "+4"; }
|
||||
&.@{ms-prefix}-loyalty-5:after { content: "+5"; }
|
||||
&.@{ms-prefix}-loyalty-6:after { content: "+6"; }
|
||||
&.@{ms-prefix}-loyalty-7:after { content: "+7"; }
|
||||
&.@{ms-prefix}-loyalty-8:after { content: "+8"; }
|
||||
&.@{ms-prefix}-loyalty-9:after { content: "+9"; }
|
||||
&.@{ms-prefix}-loyalty-10:after { content: "+10"; }
|
||||
&.@{ms-prefix}-loyalty-11:after { content: "+11"; }
|
||||
&.@{ms-prefix}-loyalty-12:after { content: "+12"; }
|
||||
&.@{ms-prefix}-loyalty-13:after { content: "+13"; }
|
||||
&.@{ms-prefix}-loyalty-14:after { content: "+14"; }
|
||||
&.@{ms-prefix}-loyalty-15:after { content: "+15"; }
|
||||
&.@{ms-prefix}-loyalty-16:after { content: "+16"; }
|
||||
&.@{ms-prefix}-loyalty-17:after { content: "+17"; }
|
||||
&.@{ms-prefix}-loyalty-18:after { content: "+18"; }
|
||||
&.@{ms-prefix}-loyalty-19:after { content: "+19"; }
|
||||
&.@{ms-prefix}-loyalty-20:after { content: "+20"; }
|
||||
&.@{ms-prefix}-loyalty-25:after { content: "+25"; }
|
||||
&.@{ms-prefix}-loyalty-x:after { content: "+X"; }
|
||||
&.@{ms-prefix}-loyalty-1::after { content: "+1"; }
|
||||
&.@{ms-prefix}-loyalty-2::after { content: "+2"; }
|
||||
&.@{ms-prefix}-loyalty-3::after { content: "+3"; }
|
||||
&.@{ms-prefix}-loyalty-4::after { content: "+4"; }
|
||||
&.@{ms-prefix}-loyalty-5::after { content: "+5"; }
|
||||
&.@{ms-prefix}-loyalty-6::after { content: "+6"; }
|
||||
&.@{ms-prefix}-loyalty-7::after { content: "+7"; }
|
||||
&.@{ms-prefix}-loyalty-8::after { content: "+8"; }
|
||||
&.@{ms-prefix}-loyalty-9::after { content: "+9"; }
|
||||
&.@{ms-prefix}-loyalty-10::after { content: "+10"; }
|
||||
&.@{ms-prefix}-loyalty-11::after { content: "+11"; }
|
||||
&.@{ms-prefix}-loyalty-12::after { content: "+12"; }
|
||||
&.@{ms-prefix}-loyalty-13::after { content: "+13"; }
|
||||
&.@{ms-prefix}-loyalty-14::after { content: "+14"; }
|
||||
&.@{ms-prefix}-loyalty-15::after { content: "+15"; }
|
||||
&.@{ms-prefix}-loyalty-16::after { content: "+16"; }
|
||||
&.@{ms-prefix}-loyalty-17::after { content: "+17"; }
|
||||
&.@{ms-prefix}-loyalty-18::after { content: "+18"; }
|
||||
&.@{ms-prefix}-loyalty-19::after { content: "+19"; }
|
||||
&.@{ms-prefix}-loyalty-20::after { content: "+20"; }
|
||||
&.@{ms-prefix}-loyalty-25::after { content: "+25"; }
|
||||
&.@{ms-prefix}-loyalty-x::after { content: "+X"; }
|
||||
}
|
||||
&-start {
|
||||
&.@{ms-prefix}-loyalty-1:after { content: "1"; }
|
||||
&.@{ms-prefix}-loyalty-2:after { content: "2"; }
|
||||
&.@{ms-prefix}-loyalty-3:after { content: "3"; }
|
||||
&.@{ms-prefix}-loyalty-4:after { content: "4"; }
|
||||
&.@{ms-prefix}-loyalty-5:after { content: "5"; }
|
||||
&.@{ms-prefix}-loyalty-6:after { content: "6"; }
|
||||
&.@{ms-prefix}-loyalty-7:after { content: "7"; }
|
||||
&.@{ms-prefix}-loyalty-8:after { content: "8"; }
|
||||
&.@{ms-prefix}-loyalty-9:after { content: "9"; }
|
||||
&.@{ms-prefix}-loyalty-10:after { content: "10"; }
|
||||
&.@{ms-prefix}-loyalty-11:after { content: "11"; }
|
||||
&.@{ms-prefix}-loyalty-12:after { content: "12"; }
|
||||
&.@{ms-prefix}-loyalty-13:after { content: "13"; }
|
||||
&.@{ms-prefix}-loyalty-14:after { content: "14"; }
|
||||
&.@{ms-prefix}-loyalty-15:after { content: "15"; }
|
||||
&.@{ms-prefix}-loyalty-16:after { content: "16"; }
|
||||
&.@{ms-prefix}-loyalty-17:after { content: "17"; }
|
||||
&.@{ms-prefix}-loyalty-18:after { content: "18"; }
|
||||
&.@{ms-prefix}-loyalty-19:after { content: "19"; }
|
||||
&.@{ms-prefix}-loyalty-20:after { content: "20"; }
|
||||
&.@{ms-prefix}-loyalty-25:after { content: "25"; }
|
||||
&.@{ms-prefix}-loyalty-x:after { content: "X"; }
|
||||
&.@{ms-prefix}-loyalty-1::after { content: "1"; }
|
||||
&.@{ms-prefix}-loyalty-2::after { content: "2"; }
|
||||
&.@{ms-prefix}-loyalty-3::after { content: "3"; }
|
||||
&.@{ms-prefix}-loyalty-4::after { content: "4"; }
|
||||
&.@{ms-prefix}-loyalty-5::after { content: "5"; }
|
||||
&.@{ms-prefix}-loyalty-6::after { content: "6"; }
|
||||
&.@{ms-prefix}-loyalty-7::after { content: "7"; }
|
||||
&.@{ms-prefix}-loyalty-8::after { content: "8"; }
|
||||
&.@{ms-prefix}-loyalty-9::after { content: "9"; }
|
||||
&.@{ms-prefix}-loyalty-10::after { content: "10"; }
|
||||
&.@{ms-prefix}-loyalty-11::after { content: "11"; }
|
||||
&.@{ms-prefix}-loyalty-12::after { content: "12"; }
|
||||
&.@{ms-prefix}-loyalty-13::after { content: "13"; }
|
||||
&.@{ms-prefix}-loyalty-14::after { content: "14"; }
|
||||
&.@{ms-prefix}-loyalty-15::after { content: "15"; }
|
||||
&.@{ms-prefix}-loyalty-16::after { content: "16"; }
|
||||
&.@{ms-prefix}-loyalty-17::after { content: "17"; }
|
||||
&.@{ms-prefix}-loyalty-18::after { content: "18"; }
|
||||
&.@{ms-prefix}-loyalty-19::after { content: "19"; }
|
||||
&.@{ms-prefix}-loyalty-20::after { content: "20"; }
|
||||
&.@{ms-prefix}-loyalty-25::after { content: "25"; }
|
||||
&.@{ms-prefix}-loyalty-x::after { content: "X"; }
|
||||
}
|
||||
&-down {
|
||||
&:after{ line-height: 1.8em; }
|
||||
&.@{ms-prefix}-loyalty-1:after { content: "-1"; }
|
||||
&.@{ms-prefix}-loyalty-2:after { content: "-2"; }
|
||||
&.@{ms-prefix}-loyalty-3:after { content: "-3"; }
|
||||
&.@{ms-prefix}-loyalty-4:after { content: "-4"; }
|
||||
&.@{ms-prefix}-loyalty-5:after { content: "-5"; }
|
||||
&.@{ms-prefix}-loyalty-6:after { content: "-6"; }
|
||||
&.@{ms-prefix}-loyalty-7:after { content: "-7"; }
|
||||
&.@{ms-prefix}-loyalty-8:after { content: "-8"; }
|
||||
&.@{ms-prefix}-loyalty-9:after { content: "-9"; }
|
||||
&.@{ms-prefix}-loyalty-10:after { content: "-10"; }
|
||||
&.@{ms-prefix}-loyalty-11:after { content: "-11"; }
|
||||
&.@{ms-prefix}-loyalty-12:after { content: "-12"; }
|
||||
&.@{ms-prefix}-loyalty-13:after { content: "-13"; }
|
||||
&.@{ms-prefix}-loyalty-14:after { content: "-14"; }
|
||||
&.@{ms-prefix}-loyalty-15:after { content: "-15"; }
|
||||
&.@{ms-prefix}-loyalty-16:after { content: "-16"; }
|
||||
&.@{ms-prefix}-loyalty-17:after { content: "-17"; }
|
||||
&.@{ms-prefix}-loyalty-18:after { content: "-18"; }
|
||||
&.@{ms-prefix}-loyalty-19:after { content: "-19"; }
|
||||
&.@{ms-prefix}-loyalty-20:after { content: "-20"; }
|
||||
&.@{ms-prefix}-loyalty-25:after { content: "-25"; }
|
||||
&.@{ms-prefix}-loyalty-x:after { content: "-X"; }
|
||||
&::after{ line-height: 1.8em; }
|
||||
&.@{ms-prefix}-loyalty-1::after { content: "-1"; }
|
||||
&.@{ms-prefix}-loyalty-2::after { content: "-2"; }
|
||||
&.@{ms-prefix}-loyalty-3::after { content: "-3"; }
|
||||
&.@{ms-prefix}-loyalty-4::after { content: "-4"; }
|
||||
&.@{ms-prefix}-loyalty-5::after { content: "-5"; }
|
||||
&.@{ms-prefix}-loyalty-6::after { content: "-6"; }
|
||||
&.@{ms-prefix}-loyalty-7::after { content: "-7"; }
|
||||
&.@{ms-prefix}-loyalty-8::after { content: "-8"; }
|
||||
&.@{ms-prefix}-loyalty-9::after { content: "-9"; }
|
||||
&.@{ms-prefix}-loyalty-10::after { content: "-10"; }
|
||||
&.@{ms-prefix}-loyalty-11::after { content: "-11"; }
|
||||
&.@{ms-prefix}-loyalty-12::after { content: "-12"; }
|
||||
&.@{ms-prefix}-loyalty-13::after { content: "-13"; }
|
||||
&.@{ms-prefix}-loyalty-14::after { content: "-14"; }
|
||||
&.@{ms-prefix}-loyalty-15::after { content: "-15"; }
|
||||
&.@{ms-prefix}-loyalty-16::after { content: "-16"; }
|
||||
&.@{ms-prefix}-loyalty-17::after { content: "-17"; }
|
||||
&.@{ms-prefix}-loyalty-18::after { content: "-18"; }
|
||||
&.@{ms-prefix}-loyalty-19::after { content: "-19"; }
|
||||
&.@{ms-prefix}-loyalty-20::after { content: "-20"; }
|
||||
&.@{ms-prefix}-loyalty-25::after { content: "-25"; }
|
||||
&.@{ms-prefix}-loyalty-x::after { content: "-X"; }
|
||||
}
|
||||
|
||||
}
|
||||
@ -135,15 +135,15 @@
|
||||
* Saga loyalty */
|
||||
|
||||
.@{ms-prefix}-saga {
|
||||
|
||||
|
||||
// Defaults
|
||||
|
||||
// Numbers
|
||||
&-1:after,
|
||||
&-2:after,
|
||||
&-3:after,
|
||||
&-4:after,
|
||||
&-5:after { // future proofing :P
|
||||
|
||||
// Numbers
|
||||
&-1::after,
|
||||
&-2::after,
|
||||
&-3::after,
|
||||
&-4::after,
|
||||
&-5::after { // future proofing :P
|
||||
color: #fff;
|
||||
display: inline-block;
|
||||
font-size: 0.6em;
|
||||
@ -154,11 +154,11 @@
|
||||
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"; }
|
||||
|
||||
}
|
||||
|
||||
&-1::after { content: "I"; }
|
||||
&-2::after { content: "II"; }
|
||||
&-3::after { content: "III"; }
|
||||
&-4::after { content: "IV"; }
|
||||
&-5::after { content: "V"; }
|
||||
|
||||
}
|
@ -1,8 +1,8 @@
|
||||
@import "variables.less";
|
||||
@import "path.less";
|
||||
@import "core.less";
|
||||
@import "icons.less";
|
||||
@import "cost.less";
|
||||
@import "loyalty.less";
|
||||
@import "dfc.less";
|
||||
@import "sizes.less";
|
||||
@import "icons.less";
|
||||
@import "sizes.less";
|
@ -1,3 +1,5 @@
|
||||
// fonts
|
||||
|
||||
@font-face {
|
||||
font-family: 'Mana';
|
||||
src:url( '@{ms-font-path}/mana.eot?v=@{ms-version}' );
|
||||
@ -18,4 +20,4 @@
|
||||
url( '@{ms-font-path}/mplantin.svg?v=@{ms-version}#mplantin') format( 'svg' );
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
}
|
@ -1,8 +1,5 @@
|
||||
/**
|
||||
* Global */
|
||||
|
||||
@ms-font-path: '../fonts';
|
||||
@ms-version: '1.6.0';
|
||||
@ms-version: '1.9.0';
|
||||
@ms-font-size-base: 14px;
|
||||
@ms-prefix: ms;
|
||||
@ms-serif-font: MPlantin, Garamond, Palatino, 'Times New Roman', Times, serif;
|
||||
@ms-serif-font: MPlantin, Garamond, Palatino, 'Times New Roman', Times, serif;
|
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "mana-font",
|
||||
"version": "1.7.0",
|
||||
"version": "1.9.0",
|
||||
"description": "Magic: the Gathering mana symbol pictographic font",
|
||||
"main": "css/mana.css",
|
||||
"repository": {
|
||||
@ -18,7 +18,9 @@
|
||||
],
|
||||
"scripts": {
|
||||
"less": "lessc less/mana.less css/mana.css",
|
||||
"lessmin": "lessc --clean-css less/mana.less css/mana.min.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"
|
||||
},
|
||||
"author": "Andrew Gioia <andrew@gioia.email>",
|
||||
"license": "MIT",
|
||||
|
@ -1,3 +1,5 @@
|
||||
// base
|
||||
|
||||
.#{$ms-prefix} {
|
||||
display: inline-block;
|
||||
font: normal normal normal $ms-font-size-base/1 Mana;
|
||||
@ -11,4 +13,4 @@
|
||||
// Better font rendering
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
}
|
@ -1,9 +1,7 @@
|
||||
/**
|
||||
* Mana cost styles */
|
||||
// costs
|
||||
|
||||
.#{$ms-prefix}-cost {
|
||||
|
||||
// Base cost styles
|
||||
background-color: #BEB9B2;
|
||||
border-radius: 1em;
|
||||
color: #111;
|
||||
@ -13,7 +11,7 @@
|
||||
line-height: 1.35em;
|
||||
text-align: center;
|
||||
|
||||
// Single symbols
|
||||
// single costs
|
||||
&.#{$ms-prefix}-w,
|
||||
&.#{$ms-prefix}-wp {
|
||||
background-color: #F0F2C0;
|
||||
@ -35,7 +33,7 @@
|
||||
background-color: #93B483;
|
||||
}
|
||||
|
||||
// Split symbols
|
||||
// split costs
|
||||
&.#{$ms-prefix}-wu,
|
||||
&.#{$ms-prefix}-wb,
|
||||
&.#{$ms-prefix}-ub,
|
||||
@ -54,16 +52,16 @@
|
||||
position: relative;
|
||||
width: 1.3em;
|
||||
height: 1.3em;
|
||||
&:before,
|
||||
&:after {
|
||||
&::before,
|
||||
&::after {
|
||||
font-size: 0.55em !important;
|
||||
position: absolute;
|
||||
}
|
||||
&:before {
|
||||
&::before {
|
||||
top: -0.38em;
|
||||
left: 0.28em;
|
||||
}
|
||||
&:after {
|
||||
&::after {
|
||||
top: 0.5em;
|
||||
left: 1.0em;
|
||||
}
|
||||
@ -219,21 +217,21 @@
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#beb9b2', endColorstr='#93b483',GradientType=1 ); // IE6-9 fallback on horizontal gradient
|
||||
}
|
||||
|
||||
// Phyrexian mana and 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 {
|
||||
// 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 {
|
||||
display: inline-block;
|
||||
-moz-transform: scale( 1.2, 1.2 );
|
||||
-webkit-transform: scale( 1.2, 1.2 );
|
||||
transform: scale( 1.2, 1.2 );
|
||||
}
|
||||
|
||||
// Alternate tap
|
||||
&.#{$ms-prefix}-tap-alt:before {
|
||||
// alternate tap
|
||||
&.#{$ms-prefix}-tap-alt::before {
|
||||
display: inline-block;
|
||||
-moz-transform: scale( 1.2, 1.2 );
|
||||
-webkit-transform: scale( 1.2, 1.2 );
|
||||
@ -242,8 +240,8 @@
|
||||
padding-bottom: 0.10em;
|
||||
}
|
||||
|
||||
// Snow mana
|
||||
&.#{$ms-prefix}-s:before {
|
||||
// snow mana
|
||||
&.#{$ms-prefix}-s::before {
|
||||
color: #fff;
|
||||
-webkit-text-stroke: 2px #fff;
|
||||
font-size: 0.85em;
|
||||
@ -251,7 +249,7 @@
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
}
|
||||
&.#{$ms-prefix}-s:after {
|
||||
&.#{$ms-prefix}-s::after {
|
||||
//text-shadow: -1px 1px 0 #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, 1px 1px 0 #fff;
|
||||
content: "\e619";
|
||||
position: absolute;
|
||||
@ -260,13 +258,13 @@
|
||||
font-size: 1.1em;
|
||||
}
|
||||
|
||||
// Tap symbols
|
||||
// tap symbols
|
||||
&.#{$ms-prefix}-untap {
|
||||
background-color: #111;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
// Shadow
|
||||
// shadow alternative
|
||||
&.#{$ms-prefix}-shadow {
|
||||
box-shadow: -0.06em 0.07em 0 #111, 0 0.06em 0 #111;
|
||||
&.#{$ms-prefix}-untap {
|
||||
@ -276,34 +274,31 @@
|
||||
}
|
||||
|
||||
|
||||
/**
|
||||
* Split costs */
|
||||
// split cost specifics
|
||||
|
||||
.#{$ms-prefix}-split {
|
||||
position: relative;
|
||||
width: 1.3em;
|
||||
height: 1.3em;
|
||||
}
|
||||
.#{$ms-prefix}-split:before,
|
||||
.#{$ms-prefix}-split:after {
|
||||
.#{$ms-prefix}-split::before,
|
||||
.#{$ms-prefix}-split::after {
|
||||
font-size: 0.55em !important;
|
||||
position: absolute;
|
||||
}
|
||||
.#{$ms-prefix}-split:before {
|
||||
.#{$ms-prefix}-split::before {
|
||||
top: -0.38em;
|
||||
left: 0.28em;
|
||||
}
|
||||
.#{$ms-prefix}-split:after {
|
||||
.#{$ms-prefix}-split::after {
|
||||
top: 0.5em;
|
||||
left: 1.0em;
|
||||
}
|
||||
|
||||
|
||||
/**
|
||||
* Half costs */
|
||||
// half costs specifics
|
||||
|
||||
// Legacy handling with <span> tag
|
||||
span.#{$ms-prefix}-half {
|
||||
span.#{$ms-prefix}-half { // legacy handling with <span> tag
|
||||
width: .675em;
|
||||
overflow: hidden;
|
||||
display: inline-block;
|
||||
@ -314,24 +309,22 @@ span.#{$ms-prefix}-half {
|
||||
}
|
||||
}
|
||||
|
||||
// New single-element handling!
|
||||
.#{$ms-prefix}-half {
|
||||
.#{$ms-prefix}-half { // new single-element handling!
|
||||
width: .675em;
|
||||
margin-left: .675em;
|
||||
overflow: hidden;
|
||||
border-radius: 0 1em 1em 0;
|
||||
&:before {
|
||||
&::before {
|
||||
margin-left: -.65em;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/**
|
||||
* Un-set costs */
|
||||
// un-set costs
|
||||
|
||||
.#{$ms-prefix}-100 {
|
||||
width: 2.4em;
|
||||
}
|
||||
.#{$ms-prefix}-1000000 {
|
||||
width: 5.4em;
|
||||
}
|
||||
}
|
@ -1,9 +1,8 @@
|
||||
/**
|
||||
* Double faced cards */
|
||||
// double-faced specifics
|
||||
|
||||
.#{$ms-prefix}-dfc {
|
||||
color: #111;
|
||||
border: .05em solid #111;
|
||||
border-radius: 2em;
|
||||
padding: 0.025em;
|
||||
}
|
||||
}
|
432
sass/_icons.scss
432
sass/_icons.scss
@ -1,191 +1,265 @@
|
||||
/**
|
||||
* Mana */
|
||||
// symbols
|
||||
|
||||
.#{$ms-prefix}-w:before { content: "\e600"; }
|
||||
.#{$ms-prefix}-u:before { content: "\e601"; }
|
||||
.#{$ms-prefix}-b:before { content: "\e602"; }
|
||||
.#{$ms-prefix}-r:before { content: "\e603"; }
|
||||
.#{$ms-prefix}-g:before { content: "\e604"; }
|
||||
.#{$ms-prefix}-0:before { content: "\e605"; }
|
||||
.#{$ms-prefix}-1:before { content: "\e606"; }
|
||||
.#{$ms-prefix}-2:before { content: "\e607"; }
|
||||
.#{$ms-prefix}-3:before { content: "\e608"; }
|
||||
.#{$ms-prefix}-4:before { content: "\e609"; }
|
||||
.#{$ms-prefix}-5:before { content: "\e60a"; }
|
||||
.#{$ms-prefix}-6:before { content: "\e60b"; }
|
||||
.#{$ms-prefix}-7:before { content: "\e60c"; }
|
||||
.#{$ms-prefix}-8:before { content: "\e60d"; }
|
||||
.#{$ms-prefix}-9:before { content: "\e60e"; }
|
||||
.#{$ms-prefix}-10:before { content: "\e60f"; }
|
||||
.#{$ms-prefix}-11:before { content: "\e610"; }
|
||||
.#{$ms-prefix}-12:before { content: "\e611"; }
|
||||
.#{$ms-prefix}-13:before { content: "\e612"; }
|
||||
.#{$ms-prefix}-14:before { content: "\e613"; }
|
||||
.#{$ms-prefix}-15:before { content: "\e614"; }
|
||||
.#{$ms-prefix}-16:before { content: "\e62a"; }
|
||||
.#{$ms-prefix}-17:before { content: "\e62b"; }
|
||||
.#{$ms-prefix}-18:before { content: "\e62c"; }
|
||||
.#{$ms-prefix}-19:before { content: "\e62d"; }
|
||||
.#{$ms-prefix}-20:before { content: "\e62e"; }
|
||||
.#{$ms-prefix}-x:before { content: "\e615"; }
|
||||
.#{$ms-prefix}-y:before { content: "\e616"; }
|
||||
.#{$ms-prefix}-z:before { content: "\e617"; }
|
||||
.#{$ms-prefix}-p:before,
|
||||
.#{$ms-prefix}-wp:before,
|
||||
.#{$ms-prefix}-up:before,
|
||||
.#{$ms-prefix}-bp:before,
|
||||
.#{$ms-prefix}-rp:before,
|
||||
.#{$ms-prefix}-gp:before { content: "\e618"; }
|
||||
.#{$ms-prefix}-s:before { content: "\e619"; }
|
||||
.#{$ms-prefix}-c:before { content: "\e904"; }
|
||||
.#{$ms-prefix}-e:before,
|
||||
.#{$ms-prefix}-energy:before{ content: "\e907"; }
|
||||
.#{$ms-prefix} {
|
||||
|
||||
/**
|
||||
* Tap/roll symbols */
|
||||
// resources
|
||||
&-w::before { content: "\e600"; }
|
||||
&-u::before { content: "\e601"; }
|
||||
&-b::before { content: "\e602"; }
|
||||
&-r::before { content: "\e603"; }
|
||||
&-g::before { content: "\e604"; }
|
||||
&-0::before { content: "\e605"; }
|
||||
&-1::before { content: "\e606"; }
|
||||
&-2::before { content: "\e607"; }
|
||||
&-3::before { content: "\e608"; }
|
||||
&-4::before { content: "\e609"; }
|
||||
&-5::before { content: "\e60a"; }
|
||||
&-6::before { content: "\e60b"; }
|
||||
&-7::before { content: "\e60c"; }
|
||||
&-8::before { content: "\e60d"; }
|
||||
&-9::before { content: "\e60e"; }
|
||||
&-10::before { content: "\e60f"; }
|
||||
&-11::before { content: "\e610"; }
|
||||
&-12::before { content: "\e611"; }
|
||||
&-13::before { content: "\e612"; }
|
||||
&-14::before { content: "\e613"; }
|
||||
&-15::before { content: "\e614"; }
|
||||
&-16::before { content: "\e62a"; }
|
||||
&-17::before { content: "\e62b"; }
|
||||
&-18::before { content: "\e62c"; }
|
||||
&-19::before { content: "\e62d"; }
|
||||
&-20::before { content: "\e62e"; }
|
||||
&-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"; }
|
||||
&-s::before { content: "\e619"; }
|
||||
&-c::before { content: "\e904"; }
|
||||
&-e::before,
|
||||
&-energy::before{ content: "\e907"; }
|
||||
&-acorn::before { content: "\e929"; }
|
||||
&-1-2::before { content: "\e902"; }
|
||||
&-infinity::before { content: "\e903"; }
|
||||
|
||||
.#{$ms-prefix}-tap:before { content: "\e61a"; }
|
||||
.#{$ms-prefix}-untap:before { content: "\e61b"; }
|
||||
.#{$ms-prefix}-tap-alt:before { content: "\e61c"; }
|
||||
.#{$ms-prefix}-chaos:before { content: "\e61d"; }
|
||||
.#{$ms-prefix}-1-2:before { content: "\e902"; }
|
||||
.#{$ms-prefix}-infinity:before { content: "\e903"; }
|
||||
// tap/roll
|
||||
&-tap::before { content: "\e61a"; }
|
||||
&-untap::before { content: "\e61b"; }
|
||||
&-tap-alt::before { content: "\e61c"; }
|
||||
&-chaos::before { content: "\e61d"; }
|
||||
|
||||
/**
|
||||
* Card types */
|
||||
// card types
|
||||
&-artifact::before { content: "\e61e"; }
|
||||
&-conspiracy::before { content: "\e972"; }
|
||||
&-creature::before { content: "\e61f" |