andrew/mana
andrew/mana
1
0
Fork 0
mirror of https://github.com/andrewgioia/mana.git synced 2024-11-23 23:34:45 +00:00
Code Issues Projects Releases Wiki Activity

Pulling in big 1.4 update, switching to NPM to handle updates

Browse Source
This commit is contained in:
Andrew Gioia 2018-07-25 13:42:04 -04:00
parent 17373453fc
commit 496f043277
20 changed files with 2683 additions and 40 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
.gitignore vendored
View File

@ -1 +1,15 @@
*.log
.DS_Store .DS_Store
!node_modules/
node_modules/*
!node_modules/mana-font
node_modules/mana-font/*
!node_modules/mana-font/css
!node_modules/mana-font/css/*
!node_modules/mana-font/fonts
!node_modules/mana-font/fonts/*
!node_modules/zepto
node_modules/zepto/*
!node_modules/zepto/dist
node_modules/zepto/dist/*
!node_modules/zepto/dist/zepto.min.js

9
attributes.html
View File

@ -2,7 +2,7 @@
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="chrome=1" /> <meta http-equiv="X-UA-Compatible" content="chrome=1" />
<title>Attributes and Examples | Mana</title> <title>Attributes and Examples | Mana</title>
<link rel="stylesheet" href="bower_components/mana/css/mana.css" /> <link rel="stylesheet" href="node_modules/mana-font/css/mana.min.css" />
<link rel="stylesheet" href="css/main.css" /> <link rel="stylesheet" href="css/main.css" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" /> <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
</head> </head>
@ -79,18 +79,19 @@
<h4>Split Casting Costs</h4> <h4>Split Casting Costs</h4>
<div class="example float-left"> <div class="example float-left">
<span class="each"> <span class="each">
<i class="ms ms-wu ms-split ms-cost"></i> .ms-split <i class="ms ms-wu ms-split ms-cost"></i> .ms-wu
</span> </span>
<span class="each"> <span class="each">
<i class="ms ms-2b ms-split ms-cost ms-shadow"></i> + .ms-shadow <i class="ms ms-2b ms-split ms-cost ms-shadow"></i> + .ms-shadow
</span> </span>
</div> </div>
<div class="explanation"> <div class="explanation">
<p>Automatically create split casting costs using the <code>.ms-split</code> class along with the 2 symbols' codes. This works for color pairs and the "2" with a color.</p> <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> <blockquote>
&lt;<span class="e">i</span> <span class="a">class</span>=<span class="v">"ms ms-wu ms-split 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-wu ms-split 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-split ms-cost ms-shadow"</span>&gt;&lt;/<span class="e">i</span>&gt; &lt;<span class="e">i</span> <span class="a">class</span>=<span class="v">"ms ms-2b ms-split ms-cost ms-shadow"</span>&gt;&lt;/<span class="e">i</span>&gt;
</blockquote> </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>
<div class="clear"></div> <div class="clear"></div>
</section> </section>
@ -122,7 +123,7 @@
</span> </span>
</div> </div>
<div class="explanation"> <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>.</p> <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> <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-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; &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;

25
bower.json
View File

@ -1,25 +0,0 @@
{
"name": "Mana Documentation",
"homepage": "https://github.com/andrewgioia/Mana",
"authors": [
"Andrew Gioia <andrewgioia@gmail.com>"
],
"description": "Mana documentation and examples website",
"main": "index.html",
"moduleType": [],
"keywords": [
"mana"
],
"license": "MIT",
"private": true,
"ignore": [
"**/.*",
"node_modules",
"bower_components",
"test",
"tests"
],
"dependencies": {
"mana": "*"
}
}

11
cheatsheet.html
View File

@ -2,7 +2,7 @@
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="chrome=1" /> <meta http-equiv="X-UA-Compatible" content="chrome=1" />
<title>Icon Cheatsheet | Mana</title> <title>Icon Cheatsheet | Mana</title>
<link rel="stylesheet" href="bower_components/mana/css/mana.css" /> <link rel="stylesheet" href="node_modules/mana-font/css/mana.min.css" />
<link rel="stylesheet" href="css/main.css" /> <link rel="stylesheet" href="css/main.css" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" /> <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
</head> </head>
@ -107,6 +107,7 @@
<span class="utf"><i>&#xe622;</i> ms-land <code>&amp;#xe622;</code></span> <span class="utf"><i>&#xe622;</i> ms-land <code>&amp;#xe622;</code></span>
<span class="utf"><i>&#xe623;</i> ms-planeswalker <code>&amp;#xe623;</code></span> <span class="utf"><i>&#xe623;</i> ms-planeswalker <code>&amp;#xe623;</code></span>
<span class="utf"><i>&#xe624;</i> ms-sorcery <code>&amp;#xe624;</code></span> <span class="utf"><i>&#xe624;</i> ms-sorcery <code>&amp;#xe624;</code></span>
<span class="utf"><i>&#xe925;</i> ms-multiple <code>&amp;#xe925;</code></span>
<span class="utf"><i>&#xe627;</i> ms-loyalty-up <code>&amp;#xe627;</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>&#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>&#xe626;</i> ms-loyalty-zero <code>&amp;#xe626;</code></span>
@ -118,6 +119,11 @@
<span class="utf"><i>&#xe908;</i> ms-dfc-ignite <code>&amp;#xe908;</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>&#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>&#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>&#xe921;</i> ms-power <code>&amp;#xe921;</code></span>
<span class="utf"><i>&#xe922;</i> ms-toughness <code>&amp;#xe922;</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>
<div class="clear"></div> <div class="clear"></div>
</div> </div>
<div class="vectors overflow"> <div class="vectors overflow">
@ -141,6 +147,9 @@
<span class="utf"><i>&#xe91d;</i> ms-clan-okutai <code>&amp;#xe91d;</code></span> <span class="utf"><i>&#xe91d;</i> ms-clan-okutai <code>&amp;#xe91d;</code></span>
<span class="utf"><i>&#xe91e;</i> ms-clan-kolaghan <code>&amp;#xe91e;</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>&#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>
<div class="clear"></div> <div class="clear"></div>
</div> </div>
</div> </div>

44
icons.html
View File

@ -2,7 +2,7 @@
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="chrome=1" /> <meta http-equiv="X-UA-Compatible" content="chrome=1" />
<title>Mana Icons | Mana</title> <title>Mana Icons | Mana</title>
<link rel="stylesheet" href="bower_components/mana/css/mana.css" /> <link rel="stylesheet" href="node_modules/mana-font/css/mana.min.css" />
<link rel="stylesheet" href="css/main.css" /> <link rel="stylesheet" href="css/main.css" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" /> <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
</head> </head>
@ -196,6 +196,9 @@
<div class="icon" id="sorcery" name="Sorcery"> <div class="icon" id="sorcery" name="Sorcery">
<span><i class="ms ms-sorcery"></i> Sorcery <em>(sorcery)</em></span> <span><i class="ms ms-sorcery"></i> Sorcery <em>(sorcery)</em></span>
</div> </div>
<div class="icon" id="multiple" name="Multiple">
<span><i class="ms ms-multiple"></i> Multiple <em>(multiple)</em></span>
</div>
<div class="icon" id="flashback" name="Flashback"> <div class="icon" id="flashback" name="Flashback">
<span><i class="ms ms-flashback"></i> Flashback <em>(flashback)</em></span> <span><i class="ms ms-flashback"></i> Flashback <em>(flashback)</em></span>
</div> </div>
@ -212,22 +215,37 @@
<span><i class="ms ms-loyalty-start"></i> Loyalty Start <em>(loyalty-start)</em></span> <span><i class="ms ms-loyalty-start"></i> Loyalty Start <em>(loyalty-start)</em></span>
</div> </div>
<div class="icon" id="dfc-day" name="DFC (Day)"> <div class="icon" id="dfc-day" name="DFC (Day)">
<span><i class="ms ms-dfc-day"></i> DFC (Day) <em>(dfc-day)</em></span> <span><i class="ms ms-dfc-day"></i> DFC Day <em>(dfc-day)</em></span>
</div> </div>
<div class="icon" id="dfc-night" name="DFC (Night)"> <div class="icon" id="dfc-night" name="DFC (Night)">
<span><i class="ms ms-dfc-night"></i> DFC (Night) <em>(dfc-night)</em></span> <span><i class="ms ms-dfc-night"></i> DFC Night <em>(dfc-night)</em></span>
</div> </div>
<div class="icon" id="dfc-spark" name="DFC (Spark)"> <div class="icon" id="dfc-spark" name="DFC (Spark)">
<span><i class="ms ms-dfc-spark"></i> DFC (Spark) <em>(dfc-spark)</em></span> <span><i class="ms ms-dfc-spark"></i> DFC Spark <em>(dfc-spark)</em></span>
</div> </div>
<div class="icon" id="dfc-ignite" name="DFC (Ignite)"> <div class="icon" id="dfc-ignite" name="DFC (Ignite)">
<span><i class="ms ms-dfc-ignite"></i> DFC (Ignite) <em>(dfc-ignite)</em></span> <span><i class="ms ms-dfc-ignite"></i> DFC Ignite <em>(dfc-ignite)</em></span>
</div> </div>
<div class="icon" id="dfc-moon" name="DFC (Moon)"> <div class="icon" id="dfc-moon" name="DFC (Moon)">
<span><i class="ms ms-dfc-moon"></i> DFC (Moon) <em>(dfc-moon)</em></span> <span><i class="ms ms-dfc-moon"></i> DFC Moon <em>(dfc-moon)</em></span>
</div> </div>
<div class="icon" id="dfc-emrakul" name="DFC (Emrakul)"> <div class="icon" id="dfc-emrakul" name="DFC (Emrakul)">
<span><i class="ms ms-dfc-emrakul"></i> DFC (Emrakul) <em>(dfc-emrakul)</em></span> <span><i class="ms ms-dfc-emrakul"></i> DFC Emrakul <em>(dfc-emrakul)</em></span>
</div>
<div class="icon" id="dfc-enchantment" name="DFC (Enchantment)">
<span><i class="ms ms-dfc-enchantment"></i> DFC Enchantment <em>(dfc-enchantment)</em></span>
</div>
<div class="icon" id="power" name="Power">
<span><i class="ms ms-power"></i> Power <em>(power)</em></span>
</div>
<div class="icon" id="toughness" name="Toughness">
<span><i class="ms ms-toughness"></i> Toughness <em>(toughness)</em></span>
</div>
<div class="icon" id="artist-brush" name="Artist (Brush)">
<span><i class="ms ms-artist-brush"></i> Artist (Brush) <em>(artist-brush)</em></span>
</div>
<div class="icon" id="artist-nib" name="Artist (Nib)">
<span><i class="ms ms-artist-nib"></i> Artist (Nib) <em>(artist-nib)</em></span>
</div> </div>
</div> </div>
@ -294,6 +312,18 @@
<span><i class="ms ms-clan-silumgar"></i> Silumgar <em>(clan-silumgar)</em></span> <span><i class="ms ms-clan-silumgar"></i> Silumgar <em>(clan-silumgar)</em></span>
</div> </div>
</div> </div>
<h4 style="padding-top:25px;">Poleis Symbols</h4>
<div class="icons">
<div class="icon" id="setessa" name="Setessa">
<span><i class="ms ms-polis-setessa"></i> Setessa <em>(polis-setessa)</em></span>
</div>
<div class="icon" id="akros" name="Akros">
<span><i class="ms ms-polis-akros"></i> Akros <em>(polis-akros)</em></span>
</div>
<div class="icon" id="meletis" name="Meletis">
<span><i class="ms ms-polis-meletis"></i> Meletis <em>(polis-meletis)</em></span>
</div>
</div>
</section> </section>
</div> </div>
</main> </main>

10
index.html
View File

@ -4,7 +4,7 @@
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="chrome=1" /> <meta http-equiv="X-UA-Compatible" content="chrome=1" />
<title>Mana | Andrew Gioia</title> <title>Mana | Andrew Gioia</title>
<link rel="stylesheet" href="bower_components/mana/css/mana.css" /> <link rel="stylesheet" href="node_modules/mana-font/css/mana.min.css" />
<link rel="stylesheet" href="css/main.css" /> <link rel="stylesheet" href="css/main.css" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" /> <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
</head> </head>
@ -44,7 +44,7 @@
</a> </a>
</div> </div>
<p> <p>
Current version 1.3.1 includes all known mana and card icons. Current version 1.4.0 includes all known mana and card icons.
</p> </p>
</div> </div>
</header> </header>
@ -61,6 +61,10 @@
<blockquote> <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; &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> </blockquote>
<p><strong>New!</strong> You can also now use Mana via CDN thanks to the amazing <a href="http://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> <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> <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; &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;
@ -68,7 +72,7 @@
</section> </section>
<section class="content"> <section class="content">
<h4>Editing the Source</h4> <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="http://icomoon.io">IcoMoon</a> app. For styling, currently LESS is supported with Sass coming soon.</p> <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="http://icomoon.io">IcoMoon</a> app. For styling, both LESS and Sass are included.</p>
</section> </section>
<section class="content"> <section class="content">
<h4>License</h4> <h4>License</h4>

979
node_modules/mana-font/css/mana.css generated vendored Normal file
View File

@ -0,0 +1,979 @@
/**
* Global */
@font-face {
font-family: 'Mana';
src: url('../fonts/mana.eot?v=1.4.0');
src: url('../fonts/mana.eot?#iefix&v=1.4.0') format('embedded-opentype'), url('../fonts/mana.woff?v=1.4.0') format('woff'), url('../fonts/mana.ttf?v=1.4.0') format('truetype'), url('../fonts/mana.svg?v=1.4.0#mana') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'MPlantin';
src: url('../fonts/mplantin.eot?v=1.4.0');
src: url('../fonts/mplantin.eot?#iefix&v=1.4.0') format('embedded-opentype'), url('../fonts/mplantin.woff?v=1.4.0') format('woff'), url('../fonts/mplantin.ttf?v=1.4.0') format('truetype'), url('../fonts/mplantin.svg?v=1.4.0#mplantin') format('svg');
font-weight: normal;
font-style: normal;
}
.ms {
display: inline-block;
font: normal normal normal 14px/1 Mana;
font-size: inherit;
line-height: 1em;
text-rendering: auto;
transform: translate(0, 0);
speak: none;
text-transform: none;
vertical-align: middle;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
/**
* Mana cost styles */
.ms-cost {
background-color: #BEB9B2;
border-radius: 1em;
color: #111;
font-size: 0.95em;
width: 1.3em;
height: 1.3em;
line-height: 1.35em;
text-align: center;
}
.ms-cost.ms-w,
.ms-cost.ms-wp {
background-color: #F0F2C0;
}
.ms-cost.ms-u,
.ms-cost.ms-up {
background-color: #B5CDE3;
}
.ms-cost.ms-b,
.ms-cost.ms-bp {
background-color: #ACA29A;
}
.ms-cost.ms-r,
.ms-cost.ms-rp {
background-color: #DB8664;
}
.ms-cost.ms-g,
.ms-cost.ms-gp {
background-color: #93B483;
}
.ms-cost.ms-wu,
.ms-cost.ms-wb,
.ms-cost.ms-ub,
.ms-cost.ms-ur,
.ms-cost.ms-br,
.ms-cost.ms-bg,
.ms-cost.ms-rw,
.ms-cost.ms-rg,
.ms-cost.ms-gw,
.ms-cost.ms-gu,
.ms-cost.ms-2w,
.ms-cost.ms-2u,
.ms-cost.ms-2b,
.ms-cost.ms-2r,
.ms-cost.ms-2g {
position: relative;
width: 1.3em;
height: 1.3em;
}
.ms-cost.ms-wu:before,
.ms-cost.ms-wb:before,
.ms-cost.ms-ub:before,
.ms-cost.ms-ur:before,
.ms-cost.ms-br:before,
.ms-cost.ms-bg:before,
.ms-cost.ms-rw:before,
.ms-cost.ms-rg:before,
.ms-cost.ms-gw:before,
.ms-cost.ms-gu:before,
.ms-cost.ms-2w:before,
.ms-cost.ms-2u:before,
.ms-cost.ms-2b:before,
.ms-cost.ms-2r:before,
.ms-cost.ms-2g:before,
.ms-cost.ms-wu:after,
.ms-cost.ms-wb:after,
.ms-cost.ms-ub:after,
.ms-cost.ms-ur:after,
.ms-cost.ms-br:after,
.ms-cost.ms-bg:after,
.ms-cost.ms-rw:after,
.ms-cost.ms-rg:after,
.ms-cost.ms-gw:after,
.ms-cost.ms-gu:after,
.ms-cost.ms-2w:after,
.ms-cost.ms-2u:after,
.ms-cost.ms-2b:after,
.ms-cost.ms-2r:after,
.ms-cost.ms-2g:after {
font-size: 0.55em !important;
position: absolute;
}
.ms-cost.ms-wu:before,
.ms-cost.ms-wb:before,
.ms-cost.ms-ub:before,
.ms-cost.ms-ur:before,
.ms-cost.ms-br:before,
.ms-cost.ms-bg:before,
.ms-cost.ms-rw:before,
.ms-cost.ms-rg:before,
.ms-cost.ms-gw:before,
.ms-cost.ms-gu:before,
.ms-cost.ms-2w:before,
.ms-cost.ms-2u:before,
.ms-cost.ms-2b:before,
.ms-cost.ms-2r:before,
.ms-cost.ms-2g:before {
top: -0.38em;
left: 0.28em;
}
.ms-cost.ms-wu:after,
.ms-cost.ms-wb:after,
.ms-cost.ms-ub:after,
.ms-cost.ms-ur:after,
.ms-cost.ms-br:after,
.ms-cost.ms-bg:after,
.ms-cost.ms-rw:after,
.ms-cost.ms-rg:after,
.ms-cost.ms-gw:after,
.ms-cost.ms-gu:after,
.ms-cost.ms-2w:after,
.ms-cost.ms-2u:after,
.ms-cost.ms-2b:after,
.ms-cost.ms-2r:after,
.ms-cost.ms-2g:after {
top: 0.5em;
left: 1.0em;
}
.ms-cost.ms-wu {
background: #edf2b0;
background: -moz-linear-gradient(-45deg, #edf2b0 0%, #edf2b0 50%, #a6c1dd 50%, #a6c1dd 100%);
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #edf2b0), color-stop(50%, #edf2b0), color-stop(50%, #a6c1dd), color-stop(100%, #a6c1dd));
background: -webkit-linear-gradient(-45deg, #edf2b0 0%, #edf2b0 50%, #a6c1dd 50%, #a6c1dd 100%);
background: -o-linear-gradient(-45deg, #edf2b0 0%, #edf2b0 50%, #a6c1dd 50%, #a6c1dd 100%);
background: -ms-linear-gradient(-45deg, #edf2b0 0%, #edf2b0 50%, #a6c1dd 50%, #a6c1dd 100%);
background: linear-gradient(135deg, #edf2b0 0%, #edf2b0 50%, #a6c1dd 50%, #a6c1dd 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#edf2b0', endColorstr='#a6c1dd', GradientType=1);
}
.ms-cost.ms-wb {
background: #edf2b0;
background: -moz-linear-gradient(-45deg, #edf2b0 0%, #edf2b0 50%, #9c9188 50%, #9c9188 100%);
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #edf2b0), color-stop(50%, #edf2b0), color-stop(50%, #9c9188), color-stop(100%, #9c9188));
background: -webkit-linear-gradient(-45deg, #edf2b0 0%, #edf2b0 50%, #9c9188 50%, #9c9188 100%);
background: -o-linear-gradient(-45deg, #edf2b0 0%, #edf2b0 50%, #9c9188 50%, #9c9188 100%);
background: -ms-linear-gradient(-45deg, #edf2b0 0%, #edf2b0 50%, #9c9188 50%, #9c9188 100%);
background: linear-gradient(135deg, #edf2b0 0%, #edf2b0 50%, #9c9188 50%, #9c9188 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#edf2b0', endColorstr='#9c9188', GradientType=1);
}
.ms-cost.ms-ub {
background: #a6c1dd;
background: -moz-linear-gradient(-45deg, #a6c1dd 0%, #a6c1dd 50%, #9c9188 50%, #9c9188 100%);
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #a6c1dd), color-stop(50%, #a6c1dd), color-stop(50%, #9c9188), color-stop(100%, #9c9188));
background: -webkit-linear-gradient(-45deg, #a6c1dd 0%, #a6c1dd 50%, #9c9188 50%, #9c9188 100%);
background: -o-linear-gradient(-45deg, #a6c1dd 0%, #a6c1dd 50%, #9c9188 50%, #9c9188 100%);
background: -ms-linear-gradient(-45deg, #a6c1dd 0%, #a6c1dd 50%, #9c9188 50%, #9c9188 100%);
background: linear-gradient(135deg, #a6c1dd 0%, #a6c1dd 50%, #9c9188 50%, #9c9188 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6c1dd', endColorstr='#9c9188', GradientType=1);
}
.ms-cost.ms-ur {
background: #a6c1dd;
background: -moz-linear-gradient(-45deg, #a6c1dd 0%, #a6c1dd 50%, #db8664 50%, #db8664 100%);
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #a6c1dd), color-stop(50%, #a6c1dd), color-stop(50%, #db8664), color-stop(100%, #db8664));
background: -webkit-linear-gradient(-45deg, #a6c1dd 0%, #a6c1dd 50%, #db8664 50%, #db8664 100%);
background: -o-linear-gradient(-45deg, #a6c1dd 0%, #a6c1dd 50%, #db8664 50%, #db8664 100%);
background: -ms-linear-gradient(-45deg, #a6c1dd 0%, #a6c1dd 50%, #db8664 50%, #db8664 100%);
background: linear-gradient(135deg, #a6c1dd 0%, #a6c1dd 50%, #db8664 50%, #db8664 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6c1dd', endColorstr='#db8664', GradientType=1);
}
.ms-cost.ms-br {
background: #aca29a;
background: -moz-linear-gradient(-45deg, #aca29a 0%, #aca29a 50%, #db8664 50%, #db8664 100%);
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #aca29a), color-stop(50%, #aca29a), color-stop(50%, #db8664), color-stop(100%, #db8664));
background: -webkit-linear-gradient(-45deg, #aca29a 0%, #aca29a 50%, #db8664 50%, #db8664 100%);
background: -o-linear-gradient(-45deg, #aca29a 0%, #aca29a 50%, #db8664 50%, #db8664 100%);
background: -ms-linear-gradient(-45deg, #aca29a 0%, #aca29a 50%, #db8664 50%, #db8664 100%);
background: linear-gradient(135deg, #aca29a 0%, #aca29a 50%, #db8664 50%, #db8664 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#aca29a', endColorstr='#db8664', GradientType=1);
}
.ms-cost.ms-bg {
background: #aca29a;
background: -moz-linear-gradient(-45deg, #aca29a 0%, #aca29a 50%, #93b483 50%, #93b483 100%);
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #aca29a), color-stop(50%, #aca29a), color-stop(50%, #93b483), color-stop(100%, #93b483));
background: -webkit-linear-gradient(-45deg, #aca29a 0%, #aca29a 50%, #93b483 50%, #93b483 100%);
background: -o-linear-gradient(-45deg, #aca29a 0%, #aca29a 50%, #93b483 50%, #93b483 100%);
background: -ms-linear-gradient(-45deg, #aca29a 0%, #aca29a 50%, #93b483 50%, #93b483 100%);
background: linear-gradient(135deg, #aca29a 0%, #aca29a 50%, #93b483 50%, #93b483 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#aca29a', endColorstr='#93b483', GradientType=1);
}
.ms-cost.ms-rw {
background: #db8664;
background: -moz-linear-gradient(-45deg, #db8664 0%, #db8664 50%, #edf2b0 50%, #edf2b0 100%);
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #db8664), color-stop(50%, #db8664), color-stop(50%, #edf2b0), color-stop(100%, #edf2b0));
background: -webkit-linear-gradient(-45deg, #db8664 0%, #db8664 50%, #edf2b0 50%, #edf2b0 100%);
background: -o-linear-gradient(-45deg, #db8664 0%, #db8664 50%, #edf2b0 50%, #edf2b0 100%);
background: -ms-linear-gradient(-45deg, #db8664 0%, #db8664 50%, #edf2b0 50%, #edf2b0 100%);
background: linear-gradient(135deg, #db8664 0%, #db8664 50%, #edf2b0 50%, #edf2b0 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#db8664', endColorstr='#edf2b0', GradientType=1);
}
.ms-cost.ms-rg {
background: #db8664;
background: -moz-linear-gradient(-45deg, #db8664 0%, #db8664 50%, #93b483 50%, #93b483 100%);
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #db8664), color-stop(50%, #db8664), color-stop(50%, #93b483), color-stop(100%, #93b483));
background: -webkit-linear-gradient(-45deg, #db8664 0%, #db8664 50%, #93b483 50%, #93b483 100%);
background: -o-linear-gradient(-45deg, #db8664 0%, #db8664 50%, #93b483 50%, #93b483 100%);
background: -ms-linear-gradient(-45deg, #db8664 0%, #db8664 50%, #93b483 50%, #93b483 100%);
background: linear-gradient(135deg, #db8664 0%, #db8664 50%, #93b483 50%, #93b483 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#db8664', endColorstr='#93b483', GradientType=1);
}
.ms-cost.ms-gw {
background: #93b483;
background: -moz-linear-gradient(-45deg, #93b483 0%, #93b483 50%, #edf2b0 50%, #edf2b0 100%);
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #93b483), color-stop(50%, #93b483), color-stop(50%, #edf2b0), color-stop(100%, #edf2b0));
background: -webkit-linear-gradient(-45deg, #93b483 0%, #93b483 50%, #edf2b0 50%, #edf2b0 100%);
background: -o-linear-gradient(-45deg, #93b483 0%, #93b483 50%, #edf2b0 50%, #edf2b0 100%);
background: -ms-linear-gradient(-45deg, #93b483 0%, #93b483 50%, #edf2b0 50%, #edf2b0 100%);
background: linear-gradient(135deg, #93b483 0%, #93b483 50%, #edf2b0 50%, #edf2b0 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#93b483', endColorstr='#edf2b0', GradientType=1);
}
.ms-cost.ms-gu {
background: #93b483;
background: -moz-linear-gradient(-45deg, #93b483 0%, #93b483 50%, #b5cde3 50%, #b5cde3 100%);
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #93b483), color-stop(50%, #93b483), color-stop(50%, #b5cde3), color-stop(100%, #b5cde3));
background: -webkit-linear-gradient(-45deg, #93b483 0%, #93b483 50%, #b5cde3 50%, #b5cde3 100%);
background: -o-linear-gradient(-45deg, #93b483 0%, #93b483 50%, #b5cde3 50%, #b5cde3 100%);
background: -ms-linear-gradient(-45deg, #93b483 0%, #93b483 50%, #b5cde3 50%, #b5cde3 100%);
background: linear-gradient(135deg, #93b483 0%, #93b483 50%, #b5cde3 50%, #b5cde3 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#93b483', endColorstr='#b5cde3', GradientType=1);
}
.ms-cost.ms-2w {
background: #beb9b2;
background: -moz-linear-gradient(-45deg, #beb9b2 0%, #beb9b2 50%, #edf2b0 50%, #edf2b0 100%);
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #beb9b2), color-stop(50%, #beb9b2), color-stop(50%, #edf2b0), color-stop(100%, #edf2b0));
background: -webkit-linear-gradient(-45deg, #beb9b2 0%, #beb9b2 50%, #edf2b0 50%, #edf2b0 100%);
background: -o-linear-gradient(-45deg, #beb9b2 0%, #beb9b2 50%, #edf2b0 50%, #edf2b0 100%);
background: -ms-linear-gradient(-45deg, #beb9b2 0%, #beb9b2 50%, #edf2b0 50%, #edf2b0 100%);
background: linear-gradient(135deg, #beb9b2 0%, #beb9b2 50%, #edf2b0 50%, #edf2b0 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#beb9b2', endColorstr='#edf2b0', GradientType=1);
}
.ms-cost.ms-2u {
background: #beb9b2;
background: -moz-linear-gradient(-45deg, #beb9b2 0%, #beb9b2 50%, #b5cde3 50%, #b5cde3 100%);
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #beb9b2), color-stop(50%, #beb9b2), color-stop(50%, #b5cde3), color-stop(100%, #b5cde3));
background: -webkit-linear-gradient(-45deg, #beb9b2 0%, #beb9b2 50%, #b5cde3 50%, #b5cde3 100%);
background: -o-linear-gradient(-45deg, #beb9b2 0%, #beb9b2 50%, #b5cde3 50%, #b5cde3 100%);
background: -ms-linear-gradient(-45deg, #beb9b2 0%, #beb9b2 50%, #b5cde3 50%, #b5cde3 100%);
background: linear-gradient(135deg, #beb9b2 0%, #beb9b2 50%, #b5cde3 50%, #b5cde3 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#beb9b2', endColorstr='#b5cde3', GradientType=1);
}
.ms-cost.ms-2b {
background: #beb9b2;
background: -moz-linear-gradient(-45deg, #beb9b2 0%, #beb9b2 50%, #9c9188 50%, #9c9188 100%);
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #beb9b2), color-stop(50%, #beb9b2), color-stop(50%, #9c9188), color-stop(100%, #9c9188));
background: -webkit-linear-gradient(-45deg, #beb9b2 0%, #beb9b2 50%, #9c9188 50%, #9c9188 100%);
background: -o-linear-gradient(-45deg, #beb9b2 0%, #beb9b2 50%, #9c9188 50%, #9c9188 100%);
background: -ms-linear-gradient(-45deg, #beb9b2 0%, #beb9b2 50%, #9c9188 50%, #9c9188 100%);
background: linear-gradient(135deg, #beb9b2 0%, #beb9b2 50%, #9c9188 50%, #9c9188 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#beb9b2', endColorstr='#9c9188', GradientType=1);
}
.ms-cost.ms-2r {
background: #beb9b2;
background: -moz-linear-gradient(-45deg, #beb9b2 0%, #beb9b2 50%, #db8664 50%, #db8664 100%);
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #beb9b2), color-stop(50%, #beb9b2), color-stop(50%, #db8664), color-stop(100%, #db8664));
background: -webkit-linear-gradient(-45deg, #beb9b2 0%, #beb9b2 50%, #db8664 50%, #db8664 100%);
background: -o-linear-gradient(-45deg, #beb9b2 0%, #beb9b2 50%, #db8664 50%, #db8664 100%);
background: -ms-linear-gradient(-45deg, #beb9b2 0%, #beb9b2 50%, #db8664 50%, #db8664 100%);
background: linear-gradient(135deg, #beb9b2 0%, #beb9b2 50%, #db8664 50%, #db8664 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#beb9b2', endColorstr='#db8664', GradientType=1);
}
.ms-cost.ms-2g {
background: #beb9b2;
background: -moz-linear-gradient(-45deg, #beb9b2 0%, #beb9b2 50%, #93b483 50%, #93b483 100%);
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #beb9b2), color-stop(50%, #beb9b2), color-stop(50%, #93b483), color-stop(100%, #93b483));
background: -webkit-linear-gradient(-45deg, #beb9b2 0%, #beb9b2 50%, #93b483 50%, #93b483 100%);
background: -o-linear-gradient(-45deg, #beb9b2 0%, #beb9b2 50%, #93b483 50%, #93b483 100%);
background: -ms-linear-gradient(-45deg, #beb9b2 0%, #beb9b2 50%, #93b483 50%, #93b483 100%);
background: linear-gradient(135deg, #beb9b2 0%, #beb9b2 50%, #93b483 50%, #93b483 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#beb9b2', endColorstr='#93b483', GradientType=1);
}
.ms-cost.ms-p:before,
.ms-cost.ms-wp:before,
.ms-cost.ms-up:before,
.ms-cost.ms-bp:before,
.ms-cost.ms-rp:before,
.ms-cost.ms-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);
}
.ms-cost.ms-tap-alt:before {
display: inline-block;
-moz-transform: scale(1.2, 1.2);
-webkit-transform: scale(1.2, 1.2);
transform: scale(1.2, 1.2);
padding-left: .06em;
padding-bottom: 0.10em;
}
.ms-cost.ms-s:before {
color: #fff;
-webkit-text-stroke: 2px #fff;
font-size: 0.85em;
top: -0.05em;
position: relative;
display: inline-block;
}
.ms-cost.ms-s:after {
content: "\e619";
position: absolute;
color: #333;
margin-left: -0.9em;
font-size: 1.1em;
}
.ms-cost.ms-untap {
background-color: #111;
color: #fff;
}
.ms-cost.ms-shadow {
box-shadow: -0.06em 0.07em 0 #111, 0 0.06em 0 #111;
}
.ms-cost.ms-shadow.ms-untap {
box-shadow: -0.06em 0.07em 0 #fff, 0 0.06em 0 #fff;
}
/**
* Split costs (separate handling) */
.ms-split {
position: relative;
width: 1.3em;
height: 1.3em;
}
.ms-split:before,
.ms-split:after {
font-size: 0.55em !important;
position: absolute;
}
.ms-split:before {
top: -0.38em;
left: 0.28em;
}
.ms-split:after {
top: 0.5em;
left: 1.0em;
}
/**
* Half costs */
.ms-half {
width: .675em;
overflow: hidden;
display: inline-block;
margin-left: .675em;
}
.ms-half > .ms-cost {
margin-left: -0.675em;
}
/**
* Un-set costs */
.ms-100 {
width: 2.4em;
}
.ms-1000000 {
width: 5.4em;
}
/**
* Planeswalker symbols */
.ms-loyalty-up,
.ms-loyalty-down,
.ms-loyalty-zero,
.ms-loyalty-start {
color: #111;
font-size: 1.5em;
position: relative;
text-align: center;
}
.ms-loyalty-start {
font-size: 2.0em;
}
.ms-loyalty-0:after,
.ms-loyalty-1:after,
.ms-loyalty-2:after,
.ms-loyalty-3:after,
.ms-loyalty-4:after,
.ms-loyalty-5:after,
.ms-loyalty-6:after,
.ms-loyalty-7:after,
.ms-loyalty-8:after,
.ms-loyalty-9:after,
.ms-loyalty-10:after,
.ms-loyalty-11:after,
.ms-loyalty-12:after,
.ms-loyalty-13:after,
.ms-loyalty-14:after,
.ms-loyalty-15:after,
.ms-loyalty-16:after,
.ms-loyalty-17:after,
.ms-loyalty-18:after,
.ms-loyalty-19:after,
.ms-loyalty-20:after,
.ms-loyalty-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: 1.75em;
width: 100%;
text-align: center;
-webkit-padding-before: 0.15em;
}
.ms-loyalty-0:after {
content: "0";
}
.ms-loyalty-up.ms-loyalty-1:after {
content: "+1";
}
.ms-loyalty-up.ms-loyalty-2:after {
content: "+2";
}
.ms-loyalty-up.ms-loyalty-3:after {
content: "+3";
}
.ms-loyalty-up.ms-loyalty-4:after {
content: "+4";
}
.ms-loyalty-up.ms-loyalty-5:after {
content: "+5";
}
.ms-loyalty-up.ms-loyalty-6:after {
content: "+6";
}
.ms-loyalty-up.ms-loyalty-7:after {
content: "+7";
}
.ms-loyalty-up.ms-loyalty-8:after {
content: "+8";
}
.ms-loyalty-up.ms-loyalty-9:after {
content: "+9";
}
.ms-loyalty-up.ms-loyalty-10:after {
content: "+10";
}
.ms-loyalty-up.ms-loyalty-11:after {
content: "+11";
}
.ms-loyalty-up.ms-loyalty-12:after {
content: "+12";
}
.ms-loyalty-up.ms-loyalty-13:after {
content: "+13";
}
.ms-loyalty-up.ms-loyalty-14:after {
content: "+14";
}
.ms-loyalty-up.ms-loyalty-15:after {
content: "+15";
}
.ms-loyalty-up.ms-loyalty-16:after {
content: "+16";
}
.ms-loyalty-up.ms-loyalty-17:after {
content: "+17";
}
.ms-loyalty-up.ms-loyalty-18:after {
content: "+18";
}
.ms-loyalty-up.ms-loyalty-19:after {
content: "+19";
}
.ms-loyalty-up.ms-loyalty-20:after {
content: "+20";
}
.ms-loyalty-up.ms-loyalty-x:after {
content: "+X";
}
.ms-loyalty-start.ms-loyalty-1:after {
content: "1";
}
.ms-loyalty-start.ms-loyalty-2:after {
content: "2";
}
.ms-loyalty-start.ms-loyalty-3:after {
content: "3";
}
.ms-loyalty-start.ms-loyalty-4:after {
content: "4";
}
.ms-loyalty-start.ms-loyalty-5:after {
content: "5";
}
.ms-loyalty-start.ms-loyalty-6:after {
content: "6";
}
.ms-loyalty-start.ms-loyalty-7:after {
content: "7";
}
.ms-loyalty-start.ms-loyalty-8:after {
content: "8";
}
.ms-loyalty-start.ms-loyalty-9:after {
content: "9";
}
.ms-loyalty-start.ms-loyalty-10:after {
content: "10";
}
.ms-loyalty-start.ms-loyalty-11:after {
content: "11";
}
.ms-loyalty-start.ms-loyalty-12:after {
content: "12";
}
.ms-loyalty-start.ms-loyalty-13:after {
content: "13";
}
.ms-loyalty-start.ms-loyalty-14:after {
content: "14";
}
.ms-loyalty-start.ms-loyalty-15:after {
content: "15";
}
.ms-loyalty-start.ms-loyalty-16:after {
content: "16";
}
.ms-loyalty-start.ms-loyalty-17:after {
content: "17";
}
.ms-loyalty-start.ms-loyalty-18:after {
content: "18";
}
.ms-loyalty-start.ms-loyalty-19:after {
content: "19";
}
.ms-loyalty-start.ms-loyalty-20:after {
content: "20";
}
.ms-loyalty-start.ms-loyalty-x:after {
content: "X";
}
.ms-loyalty-down:after {
line-height: 1.6em;
}
.ms-loyalty-down.ms-loyalty-1:after {
content: "-1";
}
.ms-loyalty-down.ms-loyalty-2:after {
content: "-2";
}
.ms-loyalty-down.ms-loyalty-3:after {
content: "-3";
}
.ms-loyalty-down.ms-loyalty-4:after {
content: "-4";
}
.ms-loyalty-down.ms-loyalty-5:after {
content: "-5";
}
.ms-loyalty-down.ms-loyalty-6:after {
content: "-6";
}
.ms-loyalty-down.ms-loyalty-7:after {
content: "-7";
}
.ms-loyalty-down.ms-loyalty-8:after {
content: "-8";
}
.ms-loyalty-down.ms-loyalty-9:after {
content: "-9";
}
.ms-loyalty-down.ms-loyalty-10:after {
content: "-10";
}
.ms-loyalty-down.ms-loyalty-11:after {
content: "-11";
}
.ms-loyalty-down.ms-loyalty-12:after {
content: "-12";
}
.ms-loyalty-down.ms-loyalty-13:after {
content: "-13";
}
.ms-loyalty-down.ms-loyalty-14:after {
content: "-14";
}
.ms-loyalty-down.ms-loyalty-15:after {
content: "-15";
}
.ms-loyalty-down.ms-loyalty-16:after {
content: "-16";
}
.ms-loyalty-down.ms-loyalty-17:after {
content: "-17";
}
.ms-loyalty-down.ms-loyalty-18:after {
content: "-18";
}
.ms-loyalty-down.ms-loyalty-19:after {
content: "-19";
}
.ms-loyalty-down.ms-loyalty-20:after {
content: "-20";
}
.ms-loyalty-down.ms-loyalty-x:after {
content: "-X";
}
/**
* Double faced cards */
.ms-dfc {
color: #111;
border: .05em solid #111;
border-radius: 2em;
padding: 0.025em;
}
/*
* Larger sizes */
.ms-2x {
font-size: 1.75em;
}
.ms-3x {
font-size: 2.25em;
}
.ms-4x {
font-size: 3.0em;
}
.ms-5x {
font-size: 3.75em;
}
.ms-6x {
font-size: 4.5em;
}
/**
* Mana */
.ms-w:before {
content: "\e600";
}
.ms-u:before {
content: "\e601";
}
.ms-b:before {
content: "\e602";
}
.ms-r:before {
content: "\e603";
}
.ms-g:before {
content: "\e604";
}
.ms-0:before {
content: "\e605";
}
.ms-1:before {
content: "\e606";
}
.ms-2:before {
content: "\e607";
}
.ms-3:before {
content: "\e608";
}
.ms-4:before {
content: "\e609";
}
.ms-5:before {
content: "\e60a";
}
.ms-6:before {
content: "\e60b";
}
.ms-7:before {
content: "\e60c";
}
.ms-8:before {
content: "\e60d";
}
.ms-9:before {
content: "\e60e";
}
.ms-10:before {
content: "\e60f";
}
.ms-11:before {
content: "\e610";
}
.ms-12:before {
content: "\e611";
}
.ms-13:before {
content: "\e612";
}
.ms-14:before {
content: "\e613";
}
.ms-15:before {
content: "\e614";
}
.ms-16:before {
content: "\e62a";
}
.ms-17:before {
content: "\e62b";
}
.ms-18:before {
content: "\e62c";
}
.ms-19:before {
content: "\e62d";
}
.ms-20:before {
content: "\e62e";
}
.ms-x:before {
content: "\e615";
}
.ms-y:before {
content: "\e616";
}
.ms-z:before {
content: "\e617";
}
.ms-p:before,
.ms-wp:before,
.ms-up:before,
.ms-bp:before,
.ms-rp:before,
.ms-gp:before {
content: "\e618";
}
.ms-s:before {
content: "\e619";
}
.ms-c:before {
content: "\e904";
}
.ms-e:before,
.ms-energy:before {
content: "\e907";
}
/**
* Tap/roll symbols */
.ms-tap:before {
content: "\e61a";
}
.ms-untap:before {
content: "\e61b";
}
.ms-tap-alt:before {
content: "\e61c";
}
.ms-chaos:before {
content: "\e61d";
}
.ms-1-2:before {
content: "\e902";
}
.ms-infinity:before {
content: "\e903";
}
/**
* Card types */
.ms-artifact:before {
content: "\e61e";
}
.ms-creature:before {
content: "\e61f";
}
.ms-enchantment:before {
content: "\e620";
}
.ms-instant:before {
content: "\e621";
}
.ms-land:before {
content: "\e622";
}
.ms-planeswalker:before {
content: "\e623";
}
.ms-sorcery:before {
content: "\e624";
}
.ms-multiple:before {
content: "\e925";
}
/**
* Split symbols */
.ms-wu:before,
.ms-wb:before,
.ms-rw:after,
.ms-gw:after,
.ms-2w:after {
content: "\e600";
}
.ms-ub:before,
.ms-ur:before,
.ms-wu:after,
.ms-gu:after,
.ms-2u:after {
content: "\e601";
}
.ms-br:before,
.ms-bg:before,
.ms-wb:after,
.ms-ub:after,
.ms-2b:after {
content: "\e602";
}
.ms-rw:before,
.ms-rg:before,
.ms-ur:after,
.ms-br:after,
.ms-2r:after {
content: "\e603";
}
.ms-gw:before,
.ms-gu:before,
.ms-bg:after,
.ms-rg:after,
.ms-2g:after {
content: "\e604";
}
.ms-2w:before,
.ms-2u:before,
.ms-2b:before,
.ms-2r:before,
.ms-2g:before {
content: "\e607";
}
/**
* Un-set symbols */
.ms-100:before {
content: "\e900";
}
.ms-1000000:before {
content: "\e901";
}
/**
* Planeswalker symbols */
.ms-loyalty-up:before {
content: "\e627";
}
.ms-loyalty-down:before {
content: "\e625";
}
.ms-loyalty-zero:before {
content: "\e626";
}
.ms-loyalty-start:before {
content: "\e628";
}
/**
* Other */
.ms-flashback:before {
content: "\e629";
}
.ms-dfc-night:before {
content: "\e905";
}
.ms-dfc-day:before {
content: "\e906";
}
.ms-dfc-ignite:before {
content: "\e908";
}
.ms-dfc-spark:before {
content: "\e909";
}
.ms-dfc-emrakul:before {
content: "\e90a";
}
.ms-dfc-moon:before {
content: "\e90b";
}
.ms-dfc-enchantment:before {
content: "\e920";
}
.ms-power:before {
content: "\e921";
}
.ms-toughness:before {
content: "\e922";
}
.ms-artist-brush:before {
content: "\e923";
}
.ms-artist-nib:before {
content: "\e924";
}
/**
* Guilds and Clans */
.ms-guild-azorius:before {
content: "\e90c";
}
.ms-guild-boros:before {
content: "\e90d";
}
.ms-guild-dimir:before {
content: "\e90e";
}
.ms-guild-golgari:before {
content: "\e90f";
}
.ms-guild-gruul:before {
content: "\e910";
}
.ms-guild-izzet:before {
content: "\e911";
}
.ms-guild-orzhov:before {
content: "\e912";
}
.ms-guild-rakdos:before {
content: "\e913";
}
.ms-guild-selesnya:before {
content: "\e914";
}
.ms-guild-simic:before {
content: "\e915";
}
.ms-clan-abzan:before {
content: "\e916";
}
.ms-clan-jeskai:before {
content: "\e917";
}
.ms-clan-mardu:before {
content: "\e918";
}
.ms-clan-sultai:before {
content: "\e919";
}
.ms-clan-temur:before {
content: "\e91a";
}
.ms-clan-atarka:before {
content: "\e91b";
}
.ms-clan-dromoka:before {
content: "\e91c";
}
.ms-clan-kolaghan:before {
content: "\e91d";
}
.ms-clan-ojutai:before {
content: "\e91e";
}
.ms-clan-silumgar:before {
content: "\e91f";
}
/**
* Poleis */
.ms-polis-setessa:before {
content: "\e926";
}
.ms-polis-akros:before {
content: "\e927";
}
.ms-polis-meletis:before {
content: "\e928";
}

1
node_modules/mana-font/css/mana.min.css generated vendored Normal file
View File

File diff suppressed because one or more lines are too long

BIN
node_modules/mana-font/fonts/mana.eot generated vendored Executable file
View File

Binary file not shown.

98
node_modules/mana-font/fonts/mana.svg generated vendored Executable file
View File

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

After

Width:  |  Height:  |  Size: 330 KiB

BIN
node_modules/mana-font/fonts/mana.ttf generated vendored Executable file
View File

Binary file not shown.

BIN
node_modules/mana-font/fonts/mana.woff generated vendored Executable file
View File

Binary file not shown.

BIN
node_modules/mana-font/fonts/mana.woff2 generated vendored Executable file
View File

Binary file not shown.

BIN
node_modules/mana-font/fonts/mplantin.eot generated vendored Executable file
View File

Binary file not shown.

1484
node_modules/mana-font/fonts/mplantin.svg generated vendored Executable file
View File

File diff suppressed because it is too large Load Diff
Side by Side

After

Width:  |  Height:  |  Size: 206 KiB

BIN
node_modules/mana-font/fonts/mplantin.ttf generated vendored Executable file
View File

Binary file not shown.

BIN
node_modules/mana-font/fonts/mplantin.woff generated vendored Executable file
View File

Binary file not shown.

2
node_modules/zepto/dist/zepto.min.js generated vendored Normal file
View File

File diff suppressed because one or more lines are too long

18
package-lock.json generated Normal file
View File

@ -0,0 +1,18 @@
{
"name": "mana-docs",
"version": "1.0.0",
"lockfileVersion": 1,
"requires": true,
"dependencies": {
"mana-font": {
"version": "1.4.0",
"resolved": "https://registry.npmjs.org/mana-font/-/mana-font-1.4.0.tgz",
"integrity": "sha512-5nCYWZuUZDfjeqDTsVqUhghTp26IZ7fHtA3x3ThcWDZnTTXBEaF9/TYJAS3S4+wb9it2QQImJfRYjwp/w4DRhA=="
},
"zepto": {
"version": "1.2.0",
"resolved": "https://registry.npmjs.org/zepto/-/zepto-1.2.0.tgz",
"integrity": "sha1-4Se9nmb9hGvl6rSME5SIL3wOT5g="
}
}
}

28
package.json Normal file
View File

@ -0,0 +1,28 @@
{
"name": "mana-docs",
"version": "1.0.0",
"description": "Mana documentation website",
"main": "index.html",
"dependencies": {
"mana-font": "*",
"zepto": "*"
},
"devDependencies": {},
"repository": {
"type": "git",
"url": "git+https://github.com/andrewgioia/Mana.git#gh-pages"
},
"keywords": [
"mana",
"magic",
"gathering",
"icon",
"font"
],
"author": "Andrew Gioia <andrewgioia@gmail.com>",
"license": "OFL 1.1",
"bugs": {
"url": "https://github.com/andrewgioia/Mana/issues"
},
"homepage": "https://andrewgioia.github.io/Mana"
}