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

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

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

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;

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": "*"
}
}

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>

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>

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

File diff suppressed because one or more lines are too long

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

Binary file not shown.

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

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 330 KiB

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

Binary file not shown.

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

Binary file not shown.

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

Binary file not shown.

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

Binary file not shown.

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

File diff suppressed because it is too large Load Diff

After

Width:  |  Height:  |  Size: 206 KiB

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

Binary file not shown.

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

Binary file not shown.

2
node_modules/zepto/dist/zepto.min.js generated vendored Normal 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"
}