Update for new .ms-half handling

This commit is contained in:
Andrew Gioia 2018-07-26 09:21:49 -04:00
parent 232ab29320
commit 713c072e65
6 changed files with 25 additions and 17 deletions

View File

@ -99,15 +99,13 @@
<h4>Half Mana Casting Costs</h4>
<div class="example float-left">
<span class="each">
<span class="ms-half"><i class="ms ms-w ms-cost"></i></span> .ms-half
<i class="ms ms-w ms-half ms-cost"></i></span> .ms-half
</span>
</div>
<div class="explanation">
<p>Even though there's only been <a href="http://magiccards.info/uh/en/16.html">one of these ever printed</a> you can still create them :P Half costs require a bit more markup:</p>
<p>Even though there's only been <a href="http://magiccards.info/uh/en/16.html">one of these ever printed</a> you can still create them :P Half costs <a href="https://github.com/andrewgioia/Mana/issues/6">used to require a wrapping element</a> but as of v1.4.1 they are a regular single element:</p>
<blockquote>
&lt;<span class="e">span</span> <span class="a">class</span>=<span class="v">"ms-half"</span>&gt;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&lt;<span class="e">i</span> <span class="a">class</span>=<span class="v">"ms ms-w ms-cost"</span>&gt;&lt;/<span class="e">i</span>&gt;<br />
&lt;/<span class="e">span</span>&gt;
&lt;<span class="e">i</span> <span class="a">class</span>=<span class="v">"ms ms-w ms-half ms-cost"</span>&gt;&lt;/<span class="e">i</span>&gt;<br />
</blockquote>
</div>
<div class="clear"></div>

View File

@ -1,3 +1,4 @@
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700,700i');
@font-face {
font-family: 'Beleren';
src: url( '../fonts/beleren.eot' );
@ -11,7 +12,7 @@
body {
background: #fff;
color: #333;
font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans",
font-family: "Open Sans", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans",
Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 15px;
margin: 0;

View File

@ -44,7 +44,7 @@
</a>
</div>
<p>
Current version 1.4.0 includes all known mana and card icons.
Current version 1.4.1 includes all known mana and card icons.
</p>
</div>
</header>

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

@ -2,15 +2,15 @@
* 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');
src: url('../fonts/mana.eot?v=1.4.1');
src: url('../fonts/mana.eot?#iefix&v=1.4.1') format('embedded-opentype'), url('../fonts/mana.woff?v=1.4.1') format('woff'), url('../fonts/mana.ttf?v=1.4.1') format('truetype'), url('../fonts/mana.svg?v=1.4.1#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');
src: url('../fonts/mplantin.eot?v=1.4.1');
src: url('../fonts/mplantin.eot?#iefix&v=1.4.1') format('embedded-opentype'), url('../fonts/mplantin.woff?v=1.4.1') format('woff'), url('../fonts/mplantin.ttf?v=1.4.1') format('truetype'), url('../fonts/mplantin.svg?v=1.4.1#mplantin') format('svg');
font-weight: normal;
font-style: normal;
}
@ -363,15 +363,24 @@
}
/**
* Half costs */
.ms-half {
span.ms-half {
width: .675em;
overflow: hidden;
display: inline-block;
margin-left: .675em;
}
.ms-half > .ms-cost {
span.ms-half > .ms-cost {
margin-left: -0.675em;
}
.ms-half {
width: .675em;
margin-left: .675em;
overflow: hidden;
border-radius: 0 1em 1em 0;
}
.ms-half:before {
margin-left: -0.65em;
}
/**
* Un-set costs */
.ms-100 {

File diff suppressed because one or more lines are too long

6
package-lock.json generated
View File

@ -5,9 +5,9 @@
"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=="
"version": "1.4.1",
"resolved": "https://registry.npmjs.org/mana-font/-/mana-font-1.4.1.tgz",
"integrity": "sha512-1Taj0AOaszqA3VoEKaPH73NIH5kT7sZBJMt455UGAquan80UVh2Nu3ZNkSDqpj+ZgR6pIKtyhlyT6ntVGzKQlw=="
},
"zepto": {
"version": "1.2.0",