Update for new .ms-half handling

attributes.html

@@ -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>

css/main.css

@@ -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;

index.html

@@ -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>

node_modules/mana-font/css/mana.css

@@ -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 {

package-lock.json

@@ -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",