Adds all split Phyrexian mana symbols

CHANGELOG.md

@@ -10,6 +10,10 @@ All notable changes to this project will be documented in this file.
 
 ## Versions 
 
+### [1.15.3] 2023-03-04 Remaining split Phyrexian classes
+
+* **Added:** All other split Phyrexian mana classes introduced recently ([#86](https://github.com/andrewgioia/mana/issues/86))
+
 ### [1.15.2] 2023-03-04 GUP and GWP classes (@Araneline)
 
 * **Merged:** ([PR #93](https://github.com/andrewgioia/mana/pull/93)) by @Araneline to add support for the GUP and GWP split phyrexian classes

README.md

@@ -1,4 +1,4 @@
-# Mana v1.15.2
+# Mana v1.15.3
 
 ## The Magic: the Gathering mana symbol font!
 

bower.json

@@ -1,7 +1,7 @@
 {
   "name": "mana",
   "homepage": "https://github.com/andrewgioia/mana",
-  "version": "1.15.2",
+  "version": "1.15.3",
   "authors": [
     "Andrew Gioia <andrew@gioia.email>"
   ],

css/mana.css

@@ -1,14 +1,14 @@
 @font-face {
   font-family: 'Mana';
-  src: url('../fonts/mana.eot?v=1.15.1');
+  src: url('../fonts/mana.eot?v=1.15.3');
-  src: url('../fonts/mana.eot?#iefix&v=1.15.1') format('embedded-opentype'), url('../fonts/mana.woff?v=1.15.1') format('woff'), url('../fonts/mana.ttf?v=1.15.1') format('truetype'), url('../fonts/mana.svg?v=1.15.1#mana') format('svg');
+  src: url('../fonts/mana.eot?#iefix&v=1.15.3') format('embedded-opentype'), url('../fonts/mana.woff?v=1.15.3') format('woff'), url('../fonts/mana.ttf?v=1.15.3') format('truetype'), url('../fonts/mana.svg?v=1.15.3#mana') format('svg');
   font-weight: normal;
   font-style: normal;
 }
 @font-face {
   font-family: 'MPlantin';
-  src: url('../fonts/mplantin.eot?v=1.15.1');
+  src: url('../fonts/mplantin.eot?v=1.15.3');
-  src: url('../fonts/mplantin.eot?#iefix&v=1.15.1') format('embedded-opentype'), url('../fonts/mplantin.woff?v=1.15.1') format('woff'), url('../fonts/mplantin.ttf?v=1.15.1') format('truetype'), url('../fonts/mplantin.svg?v=1.15.1#mplantin') format('svg');
+  src: url('../fonts/mplantin.eot?#iefix&v=1.15.3') format('embedded-opentype'), url('../fonts/mplantin.woff?v=1.15.3') format('woff'), url('../fonts/mplantin.ttf?v=1.15.3') format('truetype'), url('../fonts/mplantin.svg?v=1.15.3#mplantin') format('svg');
   font-weight: normal;
   font-style: normal;
 }
@@ -118,16 +118,7 @@
 .ms-z::before {
   content: "\e617";
 }
-.ms-p::before,
+.ms-p::before {
-.ms-wp::before,
-.ms-up::before,
-.ms-bp::before,
-.ms-rp::before,
-.ms-gp::before,
-.ms-gup::before,
-.ms-gup::after,
-.ms-gwp::before,
-.ms-gwp::after {
   content: "\e618";
 }
 .ms-s::before {
@@ -262,6 +253,33 @@
 .ms-2g::before {
   content: "\e607";
 }
+.ms-wp::before,
+.ms-up::before,
+.ms-bp::before,
+.ms-rp::before,
+.ms-gp::before,
+.ms-wup::before,
+.ms-wup::after,
+.ms-wbp::before,
+.ms-wbp::after,
+.ms-ubp::before,
+.ms-ubp::after,
+.ms-urp::before,
+.ms-urp::after,
+.ms-brp::before,
+.ms-brp::after,
+.ms-bgp::before,
+.ms-bgp::after,
+.ms-rwp::before,
+.ms-rwp::after,
+.ms-rgp::before,
+.ms-rgp::after,
+.ms-gwp::before,
+.ms-gwp::after,
+.ms-gup::before,
+.ms-gup::after {
+  content: "\e618";
+}
 .ms-100::before {
   content: "\e900";
 }
@@ -827,8 +845,16 @@
 .ms-cost.ms-2b,
 .ms-cost.ms-2r,
 .ms-cost.ms-2g,
-.ms-cost.ms-gup,
+.ms-cost.ms-wup,
-.ms-cost.ms-gwp {
+.ms-cost.ms-wbp,
+.ms-cost.ms-ubp,
+.ms-cost.ms-urp,
+.ms-cost.ms-brp,
+.ms-cost.ms-bgp,
+.ms-cost.ms-rwp,
+.ms-cost.ms-rgp,
+.ms-cost.ms-gwp,
+.ms-cost.ms-gup {
   position: relative;
   width: 1.3em;
   height: 1.3em;
@@ -848,8 +874,16 @@
 .ms-cost.ms-2b::before,
 .ms-cost.ms-2r::before,
 .ms-cost.ms-2g::before,
-.ms-cost.ms-gup::before,
+.ms-cost.ms-wup::before,
+.ms-cost.ms-wbp::before,
+.ms-cost.ms-ubp::before,
+.ms-cost.ms-urp::before,
+.ms-cost.ms-brp::before,
+.ms-cost.ms-bgp::before,
+.ms-cost.ms-rwp::before,
+.ms-cost.ms-rgp::before,
 .ms-cost.ms-gwp::before,
+.ms-cost.ms-gup::before,
 .ms-cost.ms-wu::after,
 .ms-cost.ms-wb::after,
 .ms-cost.ms-ub::after,
@@ -865,8 +899,16 @@
 .ms-cost.ms-2b::after,
 .ms-cost.ms-2r::after,
 .ms-cost.ms-2g::after,
-.ms-cost.ms-gup::after,
+.ms-cost.ms-wup::after,
-.ms-cost.ms-gwp::after {
+.ms-cost.ms-wbp::after,
+.ms-cost.ms-ubp::after,
+.ms-cost.ms-urp::after,
+.ms-cost.ms-brp::after,
+.ms-cost.ms-bgp::after,
+.ms-cost.ms-rwp::after,
+.ms-cost.ms-rgp::after,
+.ms-cost.ms-gwp::after,
+.ms-cost.ms-gup::after {
   font-size: 0.55em !important;
   position: absolute;
 }
@@ -885,8 +927,16 @@
 .ms-cost.ms-2b::before,
 .ms-cost.ms-2r::before,
 .ms-cost.ms-2g::before,
-.ms-cost.ms-gup::before,
+.ms-cost.ms-wup::before,
-.ms-cost.ms-gwp::before {
+.ms-cost.ms-wbp::before,
+.ms-cost.ms-ubp::before,
+.ms-cost.ms-urp::before,
+.ms-cost.ms-brp::before,
+.ms-cost.ms-bgp::before,
+.ms-cost.ms-rwp::before,
+.ms-cost.ms-rgp::before,
+.ms-cost.ms-gwp::before,
+.ms-cost.ms-gup::before {
   top: -0.38em;
   left: 0.28em;
 }
@@ -905,12 +955,21 @@
 .ms-cost.ms-2b::after,
 .ms-cost.ms-2r::after,
 .ms-cost.ms-2g::after,
-.ms-cost.ms-gup::after,
+.ms-cost.ms-wup::after,
-.ms-cost.ms-gwp::after {
+.ms-cost.ms-wbp::after,
+.ms-cost.ms-ubp::after,
+.ms-cost.ms-urp::after,
+.ms-cost.ms-brp::after,
+.ms-cost.ms-bgp::after,
+.ms-cost.ms-rwp::after,
+.ms-cost.ms-rgp::after,
+.ms-cost.ms-gwp::after,
+.ms-cost.ms-gup::after {
   top: 0.5em;
   left: 1em;
 }
-.ms-cost.ms-wu {
+.ms-cost.ms-wu,
+.ms-cost.ms-wup {
   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));
@@ -920,7 +979,8 @@
   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 {
+.ms-cost.ms-wb,
+.ms-cost.ms-wbp {
   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));
@@ -930,7 +990,8 @@
   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 {
+.ms-cost.ms-ub,
+.ms-cost.ms-ubp {
   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));
@@ -940,7 +1001,8 @@
   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 {
+.ms-cost.ms-ur,
+.ms-cost.ms-urp {
   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));
@@ -950,7 +1012,8 @@
   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 {
+.ms-cost.ms-br,
+.ms-cost.ms-brp {
   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));
@@ -960,7 +1023,8 @@
   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 {
+.ms-cost.ms-bg,
+.ms-cost.ms-bgp {
   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));
@@ -970,7 +1034,8 @@
   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 {
+.ms-cost.ms-rw,
+.ms-cost.ms-rwp {
   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));
@@ -980,7 +1045,8 @@
   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 {
+.ms-cost.ms-rg,
+.ms-cost.ms-rgp {
   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));
@@ -1067,7 +1133,17 @@
 .ms-cost.ms-up::before,
 .ms-cost.ms-bp::before,
 .ms-cost.ms-rp::before,
-.ms-cost.ms-gp::before {
+.ms-cost.ms-gp::before,
+.ms-cost.ms-wup::before,
+.ms-cost.ms-wbp::before,
+.ms-cost.ms-ubp::before,
+.ms-cost.ms-urp::before,
+.ms-cost.ms-brp::before,
+.ms-cost.ms-bgp::before,
+.ms-cost.ms-rwp::before,
+.ms-cost.ms-rgp::before,
+.ms-cost.ms-gwp::before,
+.ms-cost.ms-gup::before {
   display: inline-block;
   -moz-transform: scale(1.2, 1.2);
   -webkit-transform: scale(1.2, 1.2);

index.html

@@ -147,8 +147,16 @@
             <i class="ms ms-2r ms-cost ms-shadow"></i>
             <i class="ms ms-2g ms-cost ms-shadow"></i>
             <br />
-            <i class="ms ms-gup ms-cost ms-shadow"></i>
+            <i class="ms ms-wup ms-cost ms-shadow"></i>
+            <i class="ms ms-wbp ms-cost ms-shadow"></i>
+            <i class="ms ms-ubp ms-cost ms-shadow"></i>
+            <i class="ms ms-urp ms-cost ms-shadow"></i>
+            <i class="ms ms-brp ms-cost ms-shadow"></i>
+            <i class="ms ms-bgp ms-cost ms-shadow"></i>
+            <i class="ms ms-rwp ms-cost ms-shadow"></i>
+            <i class="ms ms-rgp ms-cost ms-shadow"></i>
             <i class="ms ms-gwp ms-cost ms-shadow"></i>
+            <i class="ms ms-gup ms-cost ms-shadow"></i>
         </p>
         <h3>Tap and roll symbols</h3>
         <p>

less/cost.less

@@ -50,8 +50,16 @@
     &.@{ms-prefix}-2b,
     &.@{ms-prefix}-2r,
     &.@{ms-prefix}-2g,
-    &.@{ms-prefix}-gup,
+    &.@{ms-prefix}-wup,
-    &.@{ms-prefix}-gwp {
+    &.@{ms-prefix}-wbp,
+    &.@{ms-prefix}-ubp,
+    &.@{ms-prefix}-urp,
+    &.@{ms-prefix}-brp,
+    &.@{ms-prefix}-bgp,
+    &.@{ms-prefix}-rwp,
+    &.@{ms-prefix}-rgp,
+    &.@{ms-prefix}-gwp,
+    &.@{ms-prefix}-gup {
         position: relative;
         width: 1.3em;
         height: 1.3em;
@@ -69,7 +77,8 @@
             left: 1.0em;
         }
     }
-    &.@{ms-prefix}-wu {
+    &.@{ms-prefix}-wu,
+    &.@{ms-prefix}-wup {
         background: #edf2b0; // Old browsers
         background: -moz-linear-gradient(-45deg, #edf2b0 0%, #edf2b0 50%, #a6c1dd 50%, #a6c1dd 100%); // FF3.6+
         background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#edf2b0), color-stop(50%,#edf2b0), color-stop(50%,#a6c1dd), color-stop(100%,#a6c1dd)); // Chrome,Safari4+
@@ -79,7 +88,8 @@
         background: linear-gradient(135deg, #edf2b0 0%,#edf2b0 50%,#a6c1dd 50%,#a6c1dd 100%); // W3C
         filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#edf2b0', endColorstr='#a6c1dd',GradientType=1 ); // IE6-9 fallback on horizontal gradient
     }
-    &.@{ms-prefix}-wb {
+    &.@{ms-prefix}-wb,
+    &.@{ms-prefix}-wbp {
         background: #edf2b0; // Old browsers
         background: -moz-linear-gradient(-45deg,  #edf2b0 0%, #edf2b0 50%, #9c9188 50%, #9c9188 100%); // FF3.6+
         background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#edf2b0), color-stop(50%,#edf2b0), color-stop(50%,#9c9188), color-stop(100%,#9c9188)); // Chrome,Safari4+
@@ -89,7 +99,8 @@
         background: linear-gradient(135deg,  #edf2b0 0%,#edf2b0 50%,#9c9188 50%,#9c9188 100%); // W3C
         filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#edf2b0', endColorstr='#9c9188',GradientType=1 ); // IE6-9 fallback on horizontal gradient
     }
-    &.@{ms-prefix}-ub {
+    &.@{ms-prefix}-ub,
+    &.@{ms-prefix}-ubp {
         background: #a6c1dd; // Old browsers
         background: -moz-linear-gradient(-45deg,  #a6c1dd 0%, #a6c1dd 50%, #9c9188 50%, #9c9188 100%); // FF3.6+
         background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#a6c1dd), color-stop(50%,#a6c1dd), color-stop(50%,#9c9188), color-stop(100%,#9c9188)); // Chrome,Safari4+
@@ -99,7 +110,8 @@
         background: linear-gradient(135deg,  #a6c1dd 0%,#a6c1dd 50%,#9c9188 50%,#9c9188 100%); // W3C
         filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6c1dd', endColorstr='#9c9188',GradientType=1 ); // IE6-9 fallback on horizontal gradient
     }
-    &.@{ms-prefix}-ur {
+    &.@{ms-prefix}-ur,
+    &.@{ms-prefix}-urp {
         background: #a6c1dd; // Old browsers
         background: -moz-linear-gradient(-45deg,  #a6c1dd 0%, #a6c1dd 50%, #db8664 50%, #db8664 100%); // FF3.6+
         background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#a6c1dd), color-stop(50%,#a6c1dd), color-stop(50%,#db8664), color-stop(100%,#db8664)); // Chrome,Safari4+
@@ -109,7 +121,8 @@
         background: linear-gradient(135deg,  #a6c1dd 0%,#a6c1dd 50%,#db8664 50%,#db8664 100%); // W3C
         filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6c1dd', endColorstr='#db8664',GradientType=1 ); // IE6-9 fallback on horizontal gradient
     }
-    &.@{ms-prefix}-br {
+    &.@{ms-prefix}-br,
+    &.@{ms-prefix}-brp {
         background: #aca29a; // Old browsers
         background: -moz-linear-gradient(-45deg,  #aca29a 0%, #aca29a 50%, #db8664 50%, #db8664 100%); // FF3.6+
         background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#aca29a), color-stop(50%,#aca29a), color-stop(50%,#db8664), color-stop(100%,#db8664)); // Chrome,Safari4+
@@ -119,7 +132,8 @@
         background: linear-gradient(135deg,  #aca29a 0%,#aca29a 50%,#db8664 50%,#db8664 100%); // W3C
         filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aca29a', endColorstr='#db8664',GradientType=1 ); // IE6-9 fallback on horizontal gradient
     }
-    &.@{ms-prefix}-bg {
+    &.@{ms-prefix}-bg,
+    &.@{ms-prefix}-bgp {
         background: #aca29a; // Old browsers
         background: -moz-linear-gradient(-45deg,  #aca29a 0%, #aca29a 50%, #93b483 50%, #93b483 100%); // FF3.6+
         background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#aca29a), color-stop(50%,#aca29a), color-stop(50%,#93b483), color-stop(100%,#93b483)); // Chrome,Safari4+
@@ -129,7 +143,8 @@
         background: linear-gradient(135deg,  #aca29a 0%,#aca29a 50%,#93b483 50%,#93b483 100%); // W3C
         filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aca29a', endColorstr='#93b483',GradientType=1 ); // IE6-9 fallback on horizontal gradient
     }
-    &.@{ms-prefix}-rw {
+    &.@{ms-prefix}-rw,
+    &.@{ms-prefix}-rwp {
         background: #db8664; // Old browsers
         background: -moz-linear-gradient(-45deg,  #db8664 0%, #db8664 50%, #edf2b0 50%, #edf2b0 100%); // FF3.6+
         background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#db8664), color-stop(50%,#db8664), color-stop(50%,#edf2b0), color-stop(100%,#edf2b0)); // Chrome,Safari4+
@@ -139,7 +154,8 @@
         background: linear-gradient(135deg,  #db8664 0%,#db8664 50%,#edf2b0 50%,#edf2b0 100%); // W3C
         filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#db8664', endColorstr='#edf2b0',GradientType=1 ); // IE6-9 fallback on horizontal gradient
     }
-    &.@{ms-prefix}-rg {
+    &.@{ms-prefix}-rg,
+    &.@{ms-prefix}-rgp {
         background: #db8664; // Old browsers
         background: -moz-linear-gradient(-45deg,  #db8664 0%, #db8664 50%, #93b483 50%, #93b483 100%); // FF3.6+
         background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#db8664), color-stop(50%,#db8664), color-stop(50%,#93b483), color-stop(100%,#93b483)); // Chrome,Safari4+
@@ -222,13 +238,23 @@
         filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#beb9b2', endColorstr='#93b483',GradientType=1 ); // IE6-9 fallback on horizontal gradient
     }
 
-    // Phyrexian mana and size increases
+    // phyrexian mana size increases
     &.@{ms-prefix}-p::before,
     &.@{ms-prefix}-wp::before,
     &.@{ms-prefix}-up::before,
     &.@{ms-prefix}-bp::before,
     &.@{ms-prefix}-rp::before,
-    &.@{ms-prefix}-gp::before {
+    &.@{ms-prefix}-gp::before,
+    &.@{ms-prefix}-wup::before,
+    &.@{ms-prefix}-wbp::before,
+    &.@{ms-prefix}-ubp::before,
+    &.@{ms-prefix}-urp::before,
+    &.@{ms-prefix}-brp::before,
+    &.@{ms-prefix}-bgp::before,
+    &.@{ms-prefix}-rwp::before,
+    &.@{ms-prefix}-rgp::before,
+    &.@{ms-prefix}-gwp::before,
+    &.@{ms-prefix}-gup::before {
         display: inline-block;
         -moz-transform: scale( 1.2, 1.2 );
         -webkit-transform: scale( 1.2, 1.2 );

less/icons.less

@@ -34,16 +34,7 @@
     &-x::before { content: "\e615"; }
     &-y::before { content: "\e616"; }
     &-z::before { content: "\e617"; }
-    &-p::before,
+    &-p::before { content: "\e618"; }
-        &-wp::before,
-        &-up::before,
-        &-bp::before,
-        &-rp::before,
-        &-gp::before,
-        &-gup::before,
-        &-gup::after,
-        &-gwp::before,
-        &-gwp::after { content: "\e618"; }
     &-s::before { content: "\e619"; }
     &-s-mtga::before { content: "\e996"; }
     &-c::before { content: "\e904"; }
@@ -113,6 +104,33 @@
     &-2r::before,
     &-2g::before { content: "\e607"; } // 2
 
+    // phyrexian splits
+    &-wp::before,
+    &-up::before,
+    &-bp::before,
+    &-rp::before,
+    &-gp::before,
+    &-wup::before,
+    &-wup::after,
+    &-wbp::before,
+    &-wbp::after,
+    &-ubp::before,
+    &-ubp::after,
+    &-urp::before,
+    &-urp::after,
+    &-brp::before,
+    &-brp::after,
+    &-bgp::before,
+    &-bgp::after,
+    &-rwp::before,
+    &-rwp::after,
+    &-rgp::before,
+    &-rgp::after,
+    &-gwp::before,
+    &-gwp::after,
+    &-gup::before,
+    &-gup::after { content: "\e618"; } // p/p
+
     // un-sets
     &-100::before { content: "\e900"; }
     &-1000000::before { content: "\e901"; }

less/variables.less

@@ -1,6 +1,6 @@
 // base variables
 @ms-font-path: '../fonts';
-@ms-version: '1.15.1';
+@ms-version: '1.15.3';
 @ms-font-size-base: 14px;
 @ms-prefix: ms;
 @ms-serif-font: MPlantin, Garamond, Palatino, 'Times New Roman', Times, serif;

package.json

@@ -1,6 +1,6 @@
 {
   "name": "mana-font",
-  "version": "1.15.2",
+  "version": "1.15.3",
   "description": "Magic: the Gathering mana symbol pictographic font",
   "main": "css/mana.css",
   "repository": {

sass/_cost.scss

@@ -49,8 +49,16 @@
     &.#{$ms-prefix}-2b,
     &.#{$ms-prefix}-2r,
     &.#{$ms-prefix}-2g,
-    &.#{$ms-prefix}-gup,
+    &.#{$ms-prefix}-wup,
-    &.#{$ms-prefix}-gwp {
+    &.#{$ms-prefix}-wbp,
+    &.#{$ms-prefix}-ubp,
+    &.#{$ms-prefix}-urp,
+    &.#{$ms-prefix}-brp,
+    &.#{$ms-prefix}-bgp,
+    &.#{$ms-prefix}-rwp,
+    &.#{$ms-prefix}-rgp,
+    &.#{$ms-prefix}-gwp,
+    &.#{$ms-prefix}-gup {
         position: relative;
         width: 1.3em;
         height: 1.3em;
@@ -68,7 +76,8 @@
             left: 1.0em;
         }
     }
-    &.#{$ms-prefix}-wu {
+    &.#{$ms-prefix}-wu,
+    &.#{$ms-prefix}-wup {
         background: #edf2b0; // Old browsers
         background: -moz-linear-gradient(-45deg, #edf2b0 0%, #edf2b0 50%, #a6c1dd 50%, #a6c1dd 100%); // FF3.6+
         background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#edf2b0), color-stop(50%,#edf2b0), color-stop(50%,#a6c1dd), color-stop(100%,#a6c1dd)); // Chrome,Safari4+
@@ -78,7 +87,8 @@
         background: linear-gradient(135deg, #edf2b0 0%,#edf2b0 50%,#a6c1dd 50%,#a6c1dd 100%); // W3C
         filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#edf2b0', endColorstr='#a6c1dd',GradientType=1 ); // IE6-9 fallback on horizontal gradient
     }
-    &.#{$ms-prefix}-wb {
+    &.#{$ms-prefix}-wb,
+    &.#{$ms-prefix}-wbp {
         background: #edf2b0; // Old browsers
         background: -moz-linear-gradient(-45deg,  #edf2b0 0%, #edf2b0 50%, #9c9188 50%, #9c9188 100%); // FF3.6+
         background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#edf2b0), color-stop(50%,#edf2b0), color-stop(50%,#9c9188), color-stop(100%,#9c9188)); // Chrome,Safari4+
@@ -88,7 +98,8 @@
         background: linear-gradient(135deg,  #edf2b0 0%,#edf2b0 50%,#9c9188 50%,#9c9188 100%); // W3C
         filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#edf2b0', endColorstr='#9c9188',GradientType=1 ); // IE6-9 fallback on horizontal gradient
     }
-    &.#{$ms-prefix}-ub {
+    &.#{$ms-prefix}-ub,
+    &.#{$ms-prefix}-ubp {
         background: #a6c1dd; // Old browsers
         background: -moz-linear-gradient(-45deg,  #a6c1dd 0%, #a6c1dd 50%, #9c9188 50%, #9c9188 100%); // FF3.6+
         background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#a6c1dd), color-stop(50%,#a6c1dd), color-stop(50%,#9c9188), color-stop(100%,#9c9188)); // Chrome,Safari4+
@@ -98,7 +109,8 @@
         background: linear-gradient(135deg,  #a6c1dd 0%,#a6c1dd 50%,#9c9188 50%,#9c9188 100%); // W3C
         filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6c1dd', endColorstr='#9c9188',GradientType=1 ); // IE6-9 fallback on horizontal gradient
     }
-    &.#{$ms-prefix}-ur {
+    &.#{$ms-prefix}-ur,
+    &.#{$ms-prefix}-urp {
         background: #a6c1dd; // Old browsers
         background: -moz-linear-gradient(-45deg,  #a6c1dd 0%, #a6c1dd 50%, #db8664 50%, #db8664 100%); // FF3.6+
         background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#a6c1dd), color-stop(50%,#a6c1dd), color-stop(50%,#db8664), color-stop(100%,#db8664)); // Chrome,Safari4+
@@ -108,7 +120,8 @@
         background: linear-gradient(135deg,  #a6c1dd 0%,#a6c1dd 50%,#db8664 50%,#db8664 100%); // W3C
         filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6c1dd', endColorstr='#db8664',GradientType=1 ); // IE6-9 fallback on horizontal gradient
     }
-    &.#{$ms-prefix}-br {
+    &.#{$ms-prefix}-br,
+    &.#{$ms-prefix}-brp {
         background: #aca29a; // Old browsers
         background: -moz-linear-gradient(-45deg,  #aca29a 0%, #aca29a 50%, #db8664 50%, #db8664 100%); // FF3.6+
         background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#aca29a), color-stop(50%,#aca29a), color-stop(50%,#db8664), color-stop(100%,#db8664)); // Chrome,Safari4+
@@ -118,7 +131,8 @@
         background: linear-gradient(135deg,  #aca29a 0%,#aca29a 50%,#db8664 50%,#db8664 100%); // W3C
         filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aca29a', endColorstr='#db8664',GradientType=1 ); // IE6-9 fallback on horizontal gradient
     }
-    &.#{$ms-prefix}-bg {
+    &.#{$ms-prefix}-bg,
+    &.#{$ms-prefix}-bgp {
         background: #aca29a; // Old browsers
         background: -moz-linear-gradient(-45deg,  #aca29a 0%, #aca29a 50%, #93b483 50%, #93b483 100%); // FF3.6+
         background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#aca29a), color-stop(50%,#aca29a), color-stop(50%,#93b483), color-stop(100%,#93b483)); // Chrome,Safari4+
@@ -128,7 +142,8 @@
         background: linear-gradient(135deg,  #aca29a 0%,#aca29a 50%,#93b483 50%,#93b483 100%); // W3C
         filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aca29a', endColorstr='#93b483',GradientType=1 ); // IE6-9 fallback on horizontal gradient
     }
-    &.#{$ms-prefix}-rw {
+    &.#{$ms-prefix}-rw,
+    &.#{$ms-prefix}-rwp {
         background: #db8664; // Old browsers
         background: -moz-linear-gradient(-45deg,  #db8664 0%, #db8664 50%, #edf2b0 50%, #edf2b0 100%); // FF3.6+
         background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#db8664), color-stop(50%,#db8664), color-stop(50%,#edf2b0), color-stop(100%,#edf2b0)); // Chrome,Safari4+
@@ -138,7 +153,8 @@
         background: linear-gradient(135deg,  #db8664 0%,#db8664 50%,#edf2b0 50%,#edf2b0 100%); // W3C
         filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#db8664', endColorstr='#edf2b0',GradientType=1 ); // IE6-9 fallback on horizontal gradient
     }
-    &.#{$ms-prefix}-rg {
+    &.#{$ms-prefix}-rg,
+    &.#{$ms-prefix}-rgp {
         background: #db8664; // Old browsers
         background: -moz-linear-gradient(-45deg,  #db8664 0%, #db8664 50%, #93b483 50%, #93b483 100%); // FF3.6+
         background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#db8664), color-stop(50%,#db8664), color-stop(50%,#93b483), color-stop(100%,#93b483)); // Chrome,Safari4+
@@ -221,13 +237,23 @@
         filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#beb9b2', endColorstr='#93b483',GradientType=1 ); // IE6-9 fallback on horizontal gradient
     }
 
-    // phyrexian mana
+    // phyrexian mana size increases
     &.#{$ms-prefix}-p::before,
     &.#{$ms-prefix}-wp::before,
     &.#{$ms-prefix}-up::before,
     &.#{$ms-prefix}-bp::before,
     &.#{$ms-prefix}-rp::before,
-    &.#{$ms-prefix}-gp::before {
+    &.#{$ms-prefix}-gp::before,
+    &.#{$ms-prefix}-wup::before,
+    &.#{$ms-prefix}-wbp::before,
+    &.#{$ms-prefix}-ubp::before,
+    &.#{$ms-prefix}-urp::before,
+    &.#{$ms-prefix}-brp::before,
+    &.#{$ms-prefix}-bgp::before,
+    &.#{$ms-prefix}-rwp::before,
+    &.#{$ms-prefix}-rgp::before,
+    &.#{$ms-prefix}-gwp::before,
+    &.#{$ms-prefix}-gup::before {
         display: inline-block;
         -moz-transform: scale( 1.2, 1.2 );
         -webkit-transform: scale( 1.2, 1.2 );

sass/_icons.scss

@@ -34,16 +34,7 @@
     &-x::before { content: "\e615"; }
     &-y::before { content: "\e616"; }
     &-z::before { content: "\e617"; }
-    &-p::before,
+    &-p::before { content: "\e618"; }
-        &-wp::before,
-        &-up::before,
-        &-bp::before,
-        &-rp::before,
-        &-gp::before,
-        &-gup::before,
-        &-gup::after,
-        &-gwp::before,
-        &-gwp::after { content: "\e618"; }
     &-s::before { content: "\e619"; }
     &-s-mtga::before { content: "\e996"; }
     &-c::before { content: "\e904"; }
@@ -114,6 +105,33 @@
     &-2r::before,
     &-2g::before { content: "\e607"; } // 2
 
+    // phyrexian splits
+    &-wp::before,
+    &-up::before,
+    &-bp::before,
+    &-rp::before,
+    &-gp::before,
+    &-wup::before,
+    &-wup::after,
+    &-wbp::before,
+    &-wbp::after,
+    &-ubp::before,
+    &-ubp::after,
+    &-urp::before,
+    &-urp::after,
+    &-brp::before,
+    &-brp::after,
+    &-bgp::before,
+    &-bgp::after,
+    &-rwp::before,
+    &-rwp::after,
+    &-rgp::before,
+    &-rgp::after,
+    &-gwp::before,
+    &-gwp::after,
+    &-gup::before,
+    &-gup::after { content: "\e618"; } // p/p
+
     // un-sets
     &-100::before { content: "\e900"; }
     &-1000000::before { content: "\e901"; }

sass/_variables.scss

@@ -1,6 +1,6 @@
 // base variables
 $ms-font-path: '../fonts' !default;
-$ms-version: '1.15.1' !default;
+$ms-version: '1.15.3' !default;
 $ms-font-size-base: 14px !default;
 $ms-prefix: ms !default;
 $ms-serif-font: 'MPlantin, Garamond, Palatino, 'Times New Roman', Times, serif' !default;