Updates docs to 1.14.0 with STX school symbols

This commit is contained in:
Andrew Gioia 2021-07-14 10:55:34 -04:00
parent 6b59c93cec
commit 7da3afb30d
14 changed files with 135 additions and 17 deletions

View File

@ -200,6 +200,7 @@
<span class="each"><i class="ms ms-2x ms-multicolor"></i> One layer</span> <span class="each"><i class="ms ms-2x ms-multicolor"></i> One layer</span>
<span class="each"><i class="ms ms-2x ms-multicolor ms-duo"></i> Two layers</span> <span class="each"><i class="ms ms-2x ms-multicolor ms-duo"></i> Two layers</span>
<span class="each"><i class="ms ms-2x ms-multicolor ms-duo ms-duo-color ms-grad"></i> Two with color</span> <span class="each"><i class="ms ms-2x ms-multicolor ms-duo ms-duo-color ms-grad"></i> Two with color</span>
<span class="each"><i class="ms ms-2x ms-school-prismari ms-duo ms-duo-color"></i> Prismari</span>
</div> </div>
<div class="explanation"> <div class="explanation">
<p>The [multicolor symbol](https://mtg.gamepedia.com/Multicolored) has 2 layers and the only wayh to reliably achieve this is with 2 glyphs. Add <code>.ms-duo</code> and <code>.ms-multicolor</code> will add the background layer and knock out the foreground. If you add <code>.ms-duo-color</code> and optionally <code>.ms-grad</code> it will colorize it like the official symbol.</p> <p>The [multicolor symbol](https://mtg.gamepedia.com/Multicolored) has 2 layers and the only wayh to reliably achieve this is with 2 glyphs. Add <code>.ms-duo</code> and <code>.ms-multicolor</code> will add the background layer and knock out the foreground. If you add <code>.ms-duo-color</code> and optionally <code>.ms-grad</code> it will colorize it like the official symbol.</p>
@ -207,6 +208,7 @@
&lt;<span class="e">i</span> <span class="a">class</span>=<span class="v">"ms ms-multicolor"</span>&gt;&lt;/<span class="e">i</span>&gt; One layer<br /> &lt;<span class="e">i</span> <span class="a">class</span>=<span class="v">"ms ms-multicolor"</span>&gt;&lt;/<span class="e">i</span>&gt; One layer<br />
&lt;<span class="e">i</span> <span class="a">class</span>=<span class="v">"ms ms-multicolor ms-duo"</span>&gt;&lt;/<span class="e">i</span>&gt; Two layers<br /> &lt;<span class="e">i</span> <span class="a">class</span>=<span class="v">"ms ms-multicolor ms-duo"</span>&gt;&lt;/<span class="e">i</span>&gt; Two layers<br />
&lt;<span class="e">i</span> <span class="a">class</span>=<span class="v">"ms ms-multicolor ms-duo ms-duo-color ms-grad"</span>&gt;&lt;/<span class="e">i</span>&gt; Complete multicolor symbol &lt;<span class="e">i</span> <span class="a">class</span>=<span class="v">"ms ms-multicolor ms-duo ms-duo-color ms-grad"</span>&gt;&lt;/<span class="e">i</span>&gt; Complete multicolor symbol
&lt;<span class="e">i</span> <span class="a">class</span>=<span class="v">"ms ms-school-prismari ms-duo ms-duo-color"</span>&gt;&lt;/<span class="e">i</span>&gt; Prismari colored symbol
</blockquote> </blockquote>
</div> </div>
<div class="clear"></div> <div class="clear"></div>

View File

@ -176,6 +176,11 @@
<span class="utf"><i>&#xe926;</i> ms-polis-setessa <code>&amp;#xe926;</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>&#xe927;</i> ms-polis-akros <code>&amp;#xe927;</code></span>
<span class="utf"><i>&#xe928;</i> ms-polis-meletis <code>&amp;#xe928;</code></span> <span class="utf"><i>&#xe928;</i> ms-polis-meletis <code>&amp;#xe928;</code></span>
<span class="utf"><i>&#xe99a;</i> ms-school-lorehold <code>&amp;#xe99a;</code></span>
<span class="utf"><i>&#xe99a;</i> ms-school-prismari <code>&amp;#xe99c;</code></span>
<span class="utf"><i>&#xe99a;</i> ms-school-quandrix <code>&amp;#xe99e;</code></span>
<span class="utf"><i>&#xe99a;</i> ms-school-silverquill <code>&amp;#xe9a0;</code></span>
<span class="utf"><i>&#xe99a;</i> ms-school-witherbloom <code>&amp;#xe9a2;</code></span>
<div class="clear"></div> <div class="clear"></div>
</div> </div>
<div class="vectors overflow"> <div class="vectors overflow">

View File

@ -258,6 +258,10 @@ blockquote {
text-shadow: 0 1px 0 #fff; text-shadow: 0 1px 0 #fff;
} }
.icon:hover .ms.ms-duo {
text-shadow: none;
}
.icon em { .icon em {
color: #999; color: #999;
font-size: 13px; font-size: 13px;

View File

@ -743,6 +743,39 @@
<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;">Strixhaven School Symbols</h4>
<div class="icons">
<div class="icon" id="lorehold" name="Lorehold">
<span><i class="ms ms-school-lorehold"></i> Lorehold <em>(school-lorehold)</em></span>
</div>
<div class="icon" id="lorehold-duo" name="Lorehold">
<span><i class="ms ms-school-lorehold ms-duo ms-duo-color"></i> Lorehold (duo) <em>(school-lorehold-duo)</em></span>
</div>
<div class="icon" id="prismari" name="Prismari">
<span><i class="ms ms-school-prismari"></i> Prismari <em>(school-prismari)</em></span>
</div>
<div class="icon" id="prismari-duo" name="Prismari">
<span><i class="ms ms-school-prismari ms-duo ms-duo-color"></i> Prismari (duo) <em>(school-prismari-duo)</em></span>
</div>
<div class="icon" id="quandrix" name="Quandrix">
<span><i class="ms ms-school-quandrix"></i> Quandrix <em>(school-quandrix)</em></span>
</div>
<div class="icon" id="prismari-duo" name="Quandrix">
<span><i class="ms ms-school-quandrix ms-duo ms-duo-color"></i> Quandrix (duo) <em>(school-quandrix-duo)</em></span>
</div>
<div class="icon" id="silverquill" name="Silverquill">
<span><i class="ms ms-school-silverquill"></i> Silverquill <em>(school-silverquill)</em></span>
</div>
<div class="icon" id="silverquill-duo" name="Silverquill">
<span><i class="ms ms-school-silverquill ms-duo ms-duo-color"></i> Silverquill (duo) <em>(school-silverquill-duo)</em></span>
</div>
<div class="icon" id="witherbloom" name="Witherbloom">
<span><i class="ms ms-school-witherbloom"></i> Witherbloom <em>(school-witherbloom)</em></span>
</div>
<div class="icon" id="silverquill-duo" name="Witherbloom">
<span><i class="ms ms-school-witherbloom ms-duo ms-duo-color"></i> Witherbloom (duo) <em>(school-witherbloom-duo)</em></span>
</div>
</div>
<h4 style="padding-top:25px;">Poleis Symbols</h4> <h4 style="padding-top:25px;">Poleis Symbols</h4>
<div class="icons"> <div class="icons">
<div class="icon" id="setessa" name="Setessa"> <div class="icon" id="setessa" name="Setessa">

View File

@ -44,7 +44,7 @@
</a> </a>
</div> </div>
<p> <p>
Current version 1.13.0 includes all known mana and card symbols. Current version 1.14.0 includes all known mana and card symbols.
</p> </p>
</div> </div>
</header> </header>

71
node_modules/mana-font/css/mana.css generated vendored
View File

@ -1,14 +1,14 @@
@font-face { @font-face {
font-family: 'Mana'; font-family: 'Mana';
src: url('../fonts/mana.eot?v=1.13.0'); src: url('../fonts/mana.eot?v=1.14.0');
src: url('../fonts/mana.eot?#iefix&v=1.13.0') format('embedded-opentype'), url('../fonts/mana.woff?v=1.13.0') format('woff'), url('../fonts/mana.ttf?v=1.13.0') format('truetype'), url('../fonts/mana.svg?v=1.13.0#mana') format('svg'); src: url('../fonts/mana.eot?#iefix&v=1.14.0') format('embedded-opentype'), url('../fonts/mana.woff?v=1.14.0') format('woff'), url('../fonts/mana.ttf?v=1.14.0') format('truetype'), url('../fonts/mana.svg?v=1.14.0#mana') format('svg');
font-weight: normal; font-weight: normal;
font-style: normal; font-style: normal;
} }
@font-face { @font-face {
font-family: 'MPlantin'; font-family: 'MPlantin';
src: url('../fonts/mplantin.eot?v=1.13.0'); src: url('../fonts/mplantin.eot?v=1.14.0');
src: url('../fonts/mplantin.eot?#iefix&v=1.13.0') format('embedded-opentype'), url('../fonts/mplantin.woff?v=1.13.0') format('woff'), url('../fonts/mplantin.ttf?v=1.13.0') format('truetype'), url('../fonts/mplantin.svg?v=1.13.0#mplantin') format('svg'); src: url('../fonts/mplantin.eot?#iefix&v=1.14.0') format('embedded-opentype'), url('../fonts/mplantin.woff?v=1.14.0') format('woff'), url('../fonts/mplantin.ttf?v=1.14.0') format('truetype'), url('../fonts/mplantin.svg?v=1.14.0#mplantin') format('svg');
font-weight: normal; font-weight: normal;
font-style: normal; font-style: normal;
} }
@ -386,6 +386,21 @@
.ms-polis-meletis::before { .ms-polis-meletis::before {
content: "\e928"; content: "\e928";
} }
.ms-school-lorehold::before {
content: "\e99a";
}
.ms-school-prismari::before {
content: "\e99c";
}
.ms-school-quandrix::before {
content: "\e99e";
}
.ms-school-silverquill::before {
content: "\e9a0";
}
.ms-school-witherbloom::before {
content: "\e9a2";
}
.ms-counter-arrow::before { .ms-counter-arrow::before {
content: "\e92b"; content: "\e92b";
} }
@ -1351,6 +1366,24 @@ span.ms-half > .ms-cost {
.ms-duo.ms-multicolor::after { .ms-duo.ms-multicolor::after {
content: "\e986"; content: "\e986";
} }
.ms-duo.ms-school-lorehold::after {
content: "\e99b";
}
.ms-duo.ms-school-prismari::after {
content: "\e99d";
}
.ms-duo.ms-school-quandrix::after {
content: "\e99f";
}
.ms-duo.ms-school-silverquill::after {
content: "\e9a1";
}
.ms-duo.ms-school-witherbloom::before {
content: "\e9a3";
}
.ms-duo.ms-school-witherbloom::after {
content: "\e9a4";
}
.ms-duo-color::before { .ms-duo-color::before {
color: #010101; color: #010101;
} }
@ -1362,6 +1395,36 @@ span.ms-half > .ms-cost {
-webkit-background-clip: text; -webkit-background-clip: text;
-webkit-text-fill-color: transparent; -webkit-text-fill-color: transparent;
} }
.ms-duo-color.ms-school-lorehold::before {
color: #a03731;
}
.ms-duo-color.ms-school-lorehold::after {
color: #e4e8c7;
}
.ms-duo-color.ms-school-prismari::before {
color: #a23431;
}
.ms-duo-color.ms-school-prismari::after {
color: #322f5c;
}
.ms-duo-color.ms-school-quandrix::before {
color: #352e5f;
}
.ms-duo-color.ms-school-quandrix::after {
color: #519e52;
}
.ms-duo-color.ms-school-silverquill::before {
color: #181616;
}
.ms-duo-color.ms-school-silverquill::after {
color: #e5e9ca;
}
.ms-duo-color.ms-school-witherbloom::before {
color: #2f312d;
}
.ms-duo-color.ms-school-witherbloom::after {
color: #4f9b4f;
}
.ms-ci { .ms-ci {
border-radius: 100%; border-radius: 100%;
box-shadow: inset 0 0 1px #fff; box-shadow: inset 0 0 1px #fff;

File diff suppressed because one or more lines are too long

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

Binary file not shown.

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 712 KiB

After

Width:  |  Height:  |  Size: 743 KiB

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

Binary file not shown.

Binary file not shown.

Binary file not shown.

14
package-lock.json generated
View File

@ -9,15 +9,15 @@
"version": "1.0.0", "version": "1.0.0",
"license": "(OFL-1.1 AND GPL-3.0-only)", "license": "(OFL-1.1 AND GPL-3.0-only)",
"dependencies": { "dependencies": {
"mana-font": "^1.13.0", "mana-font": "^1.14.0",
"zepto": "*" "zepto": "*"
}, },
"devDependencies": {} "devDependencies": {}
}, },
"node_modules/mana-font": { "node_modules/mana-font": {
"version": "1.13.0", "version": "1.14.0",
"resolved": "https://registry.npmjs.org/mana-font/-/mana-font-1.13.0.tgz", "resolved": "https://registry.npmjs.org/mana-font/-/mana-font-1.14.0.tgz",
"integrity": "sha512-eJ1+oRkoNik7f1X6d4EBX0JcEn0CgF3MLjUYlkfPWE68Uug3U2dmkjq57K8aJKQhUTHgjKCrLHm6ao2xBF4WNA==" "integrity": "sha512-/opV8SWsRo8zGKxwrcgoNxIhHBSQxbfpGzHu/4cXXSOoeHQdAc+gYQGiwM0cLIGE8QSPSpZ7csd2UFpCw8uWsQ=="
}, },
"node_modules/zepto": { "node_modules/zepto": {
"version": "1.2.0", "version": "1.2.0",
@ -27,9 +27,9 @@
}, },
"dependencies": { "dependencies": {
"mana-font": { "mana-font": {
"version": "1.13.0", "version": "1.14.0",
"resolved": "https://registry.npmjs.org/mana-font/-/mana-font-1.13.0.tgz", "resolved": "https://registry.npmjs.org/mana-font/-/mana-font-1.14.0.tgz",
"integrity": "sha512-eJ1+oRkoNik7f1X6d4EBX0JcEn0CgF3MLjUYlkfPWE68Uug3U2dmkjq57K8aJKQhUTHgjKCrLHm6ao2xBF4WNA==" "integrity": "sha512-/opV8SWsRo8zGKxwrcgoNxIhHBSQxbfpGzHu/4cXXSOoeHQdAc+gYQGiwM0cLIGE8QSPSpZ7csd2UFpCw8uWsQ=="
}, },
"zepto": { "zepto": {
"version": "1.2.0", "version": "1.2.0",

View File

@ -4,7 +4,7 @@
"description": "Mana documentation website", "description": "Mana documentation website",
"main": "index.html", "main": "index.html",
"dependencies": { "dependencies": {
"mana-font": "^1.13.0", "mana-font": "^1.14.0",
"zepto": "*" "zepto": "*"
}, },
"devDependencies": {}, "devDependencies": {},