Adding support for 100 and 1,000,000 mana symbols

css/mana.css

@@ -62,273 +62,153 @@
 }
 .ms-cost.ms-wu {
   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+ */
   background: -webkit-linear-gradient(-45deg, #edf2b0 0%, #edf2b0 50%, #a6c1dd 50%, #a6c1dd 100%);
-  /* Chrome10+,Safari5.1+ */
   background: -o-linear-gradient(-45deg, #edf2b0 0%, #edf2b0 50%, #a6c1dd 50%, #a6c1dd 100%);
-  /* Opera 11.10+ */
   background: -ms-linear-gradient(-45deg, #edf2b0 0%, #edf2b0 50%, #a6c1dd 50%, #a6c1dd 100%);
-  /* IE10+ */
   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-cost.ms-wb {
   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+ */
   background: -webkit-linear-gradient(-45deg, #edf2b0 0%, #edf2b0 50%, #9c9188 50%, #9c9188 100%);
-  /* Chrome10+,Safari5.1+ */
   background: -o-linear-gradient(-45deg, #edf2b0 0%, #edf2b0 50%, #9c9188 50%, #9c9188 100%);
-  /* Opera 11.10+ */
   background: -ms-linear-gradient(-45deg, #edf2b0 0%, #edf2b0 50%, #9c9188 50%, #9c9188 100%);
-  /* IE10+ */
   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-cost.ms-ub {
   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+ */
   background: -webkit-linear-gradient(-45deg, #a6c1dd 0%, #a6c1dd 50%, #9c9188 50%, #9c9188 100%);
-  /* Chrome10+,Safari5.1+ */
   background: -o-linear-gradient(-45deg, #a6c1dd 0%, #a6c1dd 50%, #9c9188 50%, #9c9188 100%);
-  /* Opera 11.10+ */
   background: -ms-linear-gradient(-45deg, #a6c1dd 0%, #a6c1dd 50%, #9c9188 50%, #9c9188 100%);
-  /* IE10+ */
   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-cost.ms-ur {
   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+ */
   background: -webkit-linear-gradient(-45deg, #a6c1dd 0%, #a6c1dd 50%, #db8664 50%, #db8664 100%);
-  /* Chrome10+,Safari5.1+ */
   background: -o-linear-gradient(-45deg, #a6c1dd 0%, #a6c1dd 50%, #db8664 50%, #db8664 100%);
-  /* Opera 11.10+ */
   background: -ms-linear-gradient(-45deg, #a6c1dd 0%, #a6c1dd 50%, #db8664 50%, #db8664 100%);
-  /* IE10+ */
   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-cost.ms-br {
   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+ */
   background: -webkit-linear-gradient(-45deg, #aca29a 0%, #aca29a 50%, #db8664 50%, #db8664 100%);
-  /* Chrome10+,Safari5.1+ */
   background: -o-linear-gradient(-45deg, #aca29a 0%, #aca29a 50%, #db8664 50%, #db8664 100%);
-  /* Opera 11.10+ */
   background: -ms-linear-gradient(-45deg, #aca29a 0%, #aca29a 50%, #db8664 50%, #db8664 100%);
-  /* IE10+ */
   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-cost.ms-bg {
   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+ */
   background: -webkit-linear-gradient(-45deg, #aca29a 0%, #aca29a 50%, #93b483 50%, #93b483 100%);
-  /* Chrome10+,Safari5.1+ */
   background: -o-linear-gradient(-45deg, #aca29a 0%, #aca29a 50%, #93b483 50%, #93b483 100%);
-  /* Opera 11.10+ */
   background: -ms-linear-gradient(-45deg, #aca29a 0%, #aca29a 50%, #93b483 50%, #93b483 100%);
-  /* IE10+ */
   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-cost.ms-rw {
   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+ */
   background: -webkit-linear-gradient(-45deg, #db8664 0%, #db8664 50%, #edf2b0 50%, #edf2b0 100%);
-  /* Chrome10+,Safari5.1+ */
   background: -o-linear-gradient(-45deg, #db8664 0%, #db8664 50%, #edf2b0 50%, #edf2b0 100%);
-  /* Opera 11.10+ */
   background: -ms-linear-gradient(-45deg, #db8664 0%, #db8664 50%, #edf2b0 50%, #edf2b0 100%);
-  /* IE10+ */
   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-cost.ms-rg {
   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+ */
   background: -webkit-linear-gradient(-45deg, #db8664 0%, #db8664 50%, #93b483 50%, #93b483 100%);
-  /* Chrome10+,Safari5.1+ */
   background: -o-linear-gradient(-45deg, #db8664 0%, #db8664 50%, #93b483 50%, #93b483 100%);
-  /* Opera 11.10+ */
   background: -ms-linear-gradient(-45deg, #db8664 0%, #db8664 50%, #93b483 50%, #93b483 100%);
-  /* IE10+ */
   background: linear-gradient(135deg, #db8664 0%, #db8664 50%, #93b483 50%, #93b483 100%);
-  /* W3C */
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#db8664', endColorstr='#93b483', GradientType=1);
-  /* IE6-9 fallback on horizontal gradient */
 }
 .ms-cost.ms-gw {
   background: #93b483;
-  /* Old browsers */
   background: -moz-linear-gradient(-45deg, #93b483 0%, #93b483 50%, #edf2b0 50%, #edf2b0 100%);
-  /* FF3.6+ */
   background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #93b483), color-stop(50%, #93b483), color-stop(50%, #edf2b0), color-stop(100%, #edf2b0));
-  /* Chrome,Safari4+ */
   background: -webkit-linear-gradient(-45deg, #93b483 0%, #93b483 50%, #edf2b0 50%, #edf2b0 100%);
-  /* Chrome10+,Safari5.1+ */
   background: -o-linear-gradient(-45deg, #93b483 0%, #93b483 50%, #edf2b0 50%, #edf2b0 100%);
-  /* Opera 11.10+ */
   background: -ms-linear-gradient(-45deg, #93b483 0%, #93b483 50%, #edf2b0 50%, #edf2b0 100%);
-  /* IE10+ */
   background: linear-gradient(135deg, #93b483 0%, #93b483 50%, #edf2b0 50%, #edf2b0 100%);
-  /* W3C */
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#93b483', endColorstr='#edf2b0', GradientType=1);
-  /* IE6-9 fallback on horizontal gradient */
 }
 .ms-cost.ms-gu {
   background: #93b483;
-  /* Old browsers */
   background: -moz-linear-gradient(-45deg, #93b483 0%, #93b483 50%, #b5cde3 50%, #b5cde3 100%);
-  /* FF3.6+ */
   background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #93b483), color-stop(50%, #93b483), color-stop(50%, #b5cde3), color-stop(100%, #b5cde3));
-  /* Chrome,Safari4+ */
   background: -webkit-linear-gradient(-45deg, #93b483 0%, #93b483 50%, #b5cde3 50%, #b5cde3 100%);
-  /* Chrome10+,Safari5.1+ */
   background: -o-linear-gradient(-45deg, #93b483 0%, #93b483 50%, #b5cde3 50%, #b5cde3 100%);
-  /* Opera 11.10+ */
   background: -ms-linear-gradient(-45deg, #93b483 0%, #93b483 50%, #b5cde3 50%, #b5cde3 100%);
-  /* IE10+ */
   background: linear-gradient(135deg, #93b483 0%, #93b483 50%, #b5cde3 50%, #b5cde3 100%);
-  /* W3C */
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#93b483', endColorstr='#b5cde3', GradientType=1);
-  /* IE6-9 fallback on horizontal gradient */
 }
 .ms-cost.ms-2w {
   background: #beb9b2;
-  /* Old browsers */
   background: -moz-linear-gradient(-45deg, #beb9b2 0%, #beb9b2 50%, #edf2b0 50%, #edf2b0 100%);
-  /* FF3.6+ */
   background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #beb9b2), color-stop(50%, #beb9b2), color-stop(50%, #edf2b0), color-stop(100%, #edf2b0));
-  /* Chrome,Safari4+ */
   background: -webkit-linear-gradient(-45deg, #beb9b2 0%, #beb9b2 50%, #edf2b0 50%, #edf2b0 100%);
-  /* Chrome10+,Safari5.1+ */
   background: -o-linear-gradient(-45deg, #beb9b2 0%, #beb9b2 50%, #edf2b0 50%, #edf2b0 100%);
-  /* Opera 11.10+ */
   background: -ms-linear-gradient(-45deg, #beb9b2 0%, #beb9b2 50%, #edf2b0 50%, #edf2b0 100%);
-  /* IE10+ */
   background: linear-gradient(135deg, #beb9b2 0%, #beb9b2 50%, #edf2b0 50%, #edf2b0 100%);
-  /* W3C */
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#beb9b2', endColorstr='#edf2b0', GradientType=1);
-  /* IE6-9 fallback on horizontal gradient */
 }
 .ms-cost.ms-2u {
   background: #beb9b2;
-  /* Old browsers */
   background: -moz-linear-gradient(-45deg, #beb9b2 0%, #beb9b2 50%, #b5cde3 50%, #b5cde3 100%);
-  /* FF3.6+ */
   background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #beb9b2), color-stop(50%, #beb9b2), color-stop(50%, #b5cde3), color-stop(100%, #b5cde3));
-  /* Chrome,Safari4+ */
   background: -webkit-linear-gradient(-45deg, #beb9b2 0%, #beb9b2 50%, #b5cde3 50%, #b5cde3 100%);
-  /* Chrome10+,Safari5.1+ */
   background: -o-linear-gradient(-45deg, #beb9b2 0%, #beb9b2 50%, #b5cde3 50%, #b5cde3 100%);
-  /* Opera 11.10+ */
   background: -ms-linear-gradient(-45deg, #beb9b2 0%, #beb9b2 50%, #b5cde3 50%, #b5cde3 100%);
-  /* IE10+ */
   background: linear-gradient(135deg, #beb9b2 0%, #beb9b2 50%, #b5cde3 50%, #b5cde3 100%);
-  /* W3C */
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#beb9b2', endColorstr='#b5cde3', GradientType=1);
-  /* IE6-9 fallback on horizontal gradient */
 }
 .ms-cost.ms-2b {
   background: #beb9b2;
-  /* Old browsers */
   background: -moz-linear-gradient(-45deg, #beb9b2 0%, #beb9b2 50%, #9c9188 50%, #9c9188 100%);
-  /* FF3.6+ */
   background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #beb9b2), color-stop(50%, #beb9b2), color-stop(50%, #9c9188), color-stop(100%, #9c9188));
-  /* Chrome,Safari4+ */
   background: -webkit-linear-gradient(-45deg, #beb9b2 0%, #beb9b2 50%, #9c9188 50%, #9c9188 100%);
-  /* Chrome10+,Safari5.1+ */
   background: -o-linear-gradient(-45deg, #beb9b2 0%, #beb9b2 50%, #9c9188 50%, #9c9188 100%);
-  /* Opera 11.10+ */
   background: -ms-linear-gradient(-45deg, #beb9b2 0%, #beb9b2 50%, #9c9188 50%, #9c9188 100%);
-  /* IE10+ */
   background: linear-gradient(135deg, #beb9b2 0%, #beb9b2 50%, #9c9188 50%, #9c9188 100%);
-  /* W3C */
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#beb9b2', endColorstr='#9c9188', GradientType=1);
-  /* IE6-9 fallback on horizontal gradient */
 }
 .ms-cost.ms-2r {
   background: #beb9b2;
-  /* Old browsers */
   background: -moz-linear-gradient(-45deg, #beb9b2 0%, #beb9b2 50%, #db8664 50%, #db8664 100%);
-  /* FF3.6+ */
   background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #beb9b2), color-stop(50%, #beb9b2), color-stop(50%, #db8664), color-stop(100%, #db8664));
-  /* Chrome,Safari4+ */
   background: -webkit-linear-gradient(-45deg, #beb9b2 0%, #beb9b2 50%, #db8664 50%, #db8664 100%);
-  /* Chrome10+,Safari5.1+ */
   background: -o-linear-gradient(-45deg, #beb9b2 0%, #beb9b2 50%, #db8664 50%, #db8664 100%);
-  /* Opera 11.10+ */
   background: -ms-linear-gradient(-45deg, #beb9b2 0%, #beb9b2 50%, #db8664 50%, #db8664 100%);
-  /* IE10+ */
   background: linear-gradient(135deg, #beb9b2 0%, #beb9b2 50%, #db8664 50%, #db8664 100%);
-  /* W3C */
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#beb9b2', endColorstr='#db8664', GradientType=1);
-  /* IE6-9 fallback on horizontal gradient */
 }
 .ms-cost.ms-2g {
   background: #beb9b2;
-  /* Old browsers */
   background: -moz-linear-gradient(-45deg, #beb9b2 0%, #beb9b2 50%, #93b483 50%, #93b483 100%);
-  /* FF3.6+ */
   background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #beb9b2), color-stop(50%, #beb9b2), color-stop(50%, #93b483), color-stop(100%, #93b483));
-  /* Chrome,Safari4+ */
   background: -webkit-linear-gradient(-45deg, #beb9b2 0%, #beb9b2 50%, #93b483 50%, #93b483 100%);
-  /* Chrome10+,Safari5.1+ */
   background: -o-linear-gradient(-45deg, #beb9b2 0%, #beb9b2 50%, #93b483 50%, #93b483 100%);
-  /* Opera 11.10+ */
   background: -ms-linear-gradient(-45deg, #beb9b2 0%, #beb9b2 50%, #93b483 50%, #93b483 100%);
-  /* IE10+ */
   background: linear-gradient(135deg, #beb9b2 0%, #beb9b2 50%, #93b483 50%, #93b483 100%);
-  /* W3C */
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#beb9b2', endColorstr='#93b483', GradientType=1);
-  /* IE6-9 fallback on horizontal gradient */
 }
 .ms-cost.ms-p:before,
 .ms-cost.ms-wp:before,
@@ -395,7 +275,6 @@
   left: 1.0em;
 }
 /**
-<<<<<<< HEAD
  * Half costs */
 .ms-half {
   width: .675em;
@@ -406,6 +285,14 @@
 .ms-half > .ms-cost {
   margin-left: -0.675em;
 }
+/**
+ * Un-set costs */
+.ms-100 {
+  width: 2.4em;
+}
+.ms-100000 {
+  width: 5.4em;
+}
 /**
  * Planeswalker symbols */
 .ms-loyalty-up,
@@ -746,6 +633,14 @@
 .ms-2g:before {
   content: "\e607";
 }
+/**
+ * Un-set symbols */
+.ms-100:before {
+  content: "\e900";
+}
+.ms-100000:before {
+  content: "\e901";
+}
 /**
  * Planeswalker symbols */
 .ms-loyalty-up:before {

fonts/mana.svg

@@ -54,4 +54,6 @@
 <glyph unicode="&#xe62c;" glyph-name="18" d="M302.892 885.072v-701.468c0-83.406 34.714-125.144 103.992-125.144h17.618v-47.532h-373.61v47.532h24.656c70.492 0 105.774 41.738 105.774 125.144l-0.002 460.066c0.002 84.566-29.968 126.868-89.932 126.868h-37.004v47.588h14.114c72.866 0 138.624 22.31 197.374 66.946h37.020zM584.182 453.868l-19.466 13.232c-57.074 38.266-94.682 69.166-112.688 92.758-23.034 29.404-34.518 63.702-34.518 102.996 0 66.708 28.508 121.146 85.604 163.344 53.050 39.228 114.628 58.874 184.724 58.874 66.026 0 124.65-17.188 175.67-51.498 58.010-38.276 87.11-88.802 87.11-151.62 0-76.532-54.61-138.334-163.694-185.396 124.104-58.872 186.184-140.78 186.184-245.764 0-75.548-29.502-135.374-88.628-179.572-52.992-40.232-119.622-60.294-199.674-60.294-75.080 0-139.648 18.608-193.744 55.934-62.080 42.134-93.076 98.080-93.076 167.716s33.036 127.078 99.108 172.218c18.018 11.734 47.084 27.426 87.088 47.072zM635.158 432.976c-90.088-40.178-135.032-103.434-135.032-189.7 0-55.87 18.23-100.724 54.812-134.554 36.536-33.84 83.34-50.732 140.414-50.732 50.998 0 94.336 13.462 129.848 40.374 35.522 26.924 53.304 64.37 53.304 112.328 0 72.4-48.69 131.132-146.034 176.162l-97.312 46.122zM735.848 520.096c79.026 34.32 118.64 85.818 118.64 154.494 0 47.126-16.79 84.856-50.284 113.364-33.582 28.444-74.868 42.68-123.902 42.68-41.076 0-76.586-10.828-106.622-32.386-33.058-23.536-49.538-54.962-49.538-94.19 0-48.078 23.002-86.846 69.070-116.294 8.976-5.866 49.014-24.978 120.136-57.364l22.5-10.304z" />
 <glyph unicode="&#xe62d;" glyph-name="19" d="M307.6 885.072v-701.468c0-83.406 34.714-125.144 103.992-125.144h17.62v-47.532h-373.61v47.532h24.656c70.492 0 105.772 41.738 105.772 125.144v460.066c0 84.566-29.968 126.868-89.932 126.868h-37.006v47.588h14.114c72.866 0 138.626 22.31 197.376 66.946h37.018zM833.018 387.646c-64.708-60.828-130.006-91.27-195.698-91.27-71.624 0-129.032 28.454-172.182 85.382-40.254 51.988-60.348 114.806-60.348 188.386 0 79.458 23.514 150.536 70.598 213.354 51.048 67.734 115.33 101.574 192.834 101.574 94.208 0 169.242-40.734 225.144-122.17 50.066-71.614 75.032-156.46 75.032-254.614 0-139.272-46.154-256.754-138.276-352.462-92.232-95.63-207.53-143.948-345.862-144.898v45.618c42.166 1.924 75.972 6.84 101.586 14.686 141.194 43.172 223.658 148.614 247.172 316.414zM841.9 475.956c0.94 18.64 1.41 36.298 1.41 52.95 0 68.674-11.736 131.492-35.292 188.376-31.416 75.57-76.488 113.354-135.338 113.354-51.094 0-88.78-26.060-113.364-78.028-19.636-40.242-29.404-88.79-29.404-145.696 0-60.818 9.31-112.806 27.96-155.978 25.482-58.862 64.752-88.32 117.758-88.32 64.686 0 120.084 37.784 166.27 113.342z" />
 <glyph unicode="&#xe62e;" glyph-name="20" d="M544.412 236.892l-58.48-208.964h-485.932v44.674c23.606 27.852 75.334 84.026 155.19 168.586 48.096 50.954 95.706 104.724 142.9 161.424 23.586 27.84 41.758 51.9 54.424 72.062 28.13 43.204 42.204 87.376 42.204 132.576 0 44.148-12.904 83.090-38.762 116.696-25.858 33.648-59.216 50.492-100.080 50.492-87.99 0-156.946-62.99-206.848-188.822l-43.592 17.296c58.986 176.734 151.966 265.16 279.024 265.16 62.618 0 115.922-22.568 159.932-67.716 44.030-45.158 66.020-100.858 66.020-167.188 0-84.56-45.796-167.168-137.456-247.854l-95.26-83.552c-60.812-53.842-111.21-104.272-151.072-151.352-2.778-2.866-8.194-9.62-16.336-20.174h253.136c39.002 0 68.51 8.15 88.456 24.522 17.21 14.408 34.062 41.798 50.388 82.134h42.144zM522.906 422.506c0 102.784 19.126 197.574 57.45 284.308 47.484 107.498 112.498 161.258 194.986 161.258 81.632 0 145.376-45.778 191.208-137.198 38.296-75.466 57.45-163.168 57.45-263.084 0-103.768-19.154-197.582-57.45-281.482-46.686-105.628-111.682-158.38-194.976-158.38-79.166 0-142.026 45.232-188.712 135.748-39.976 77.304-59.956 163.578-59.956 258.83zM627.85 469.178c0-135.748 17.91-241.378 53.776-316.824 24.972-52.772 57.032-79.194 96.202-79.194 94.152 0 141.246 110.332 141.246 331 0 97.080-7.506 179.152-22.474 246.102-25.844 110.312-69.58 165.51-131.262 165.51-91.674 0-137.488-106.594-137.488-319.71v-26.884z" />
+<glyph unicode="&#xe900;" glyph-name="100" horiz-adv-x="1841" d="M291.069 959.986v-820.571c0-98.187 41.291-147.249 123.991-147.249h21.555v-56.166h-436.615v56.166h27.404c79.962 0 119.923 49.062 119.923 147.249v538.286c0 99.3-34.521 149.028-103.436 149.028h-43.892v54.362h15.834c85.247 0 162.443 26.329 231.419 78.91l43.816-0.014zM422.031 416.928c0 125.275 26.382 240.808 79.246 346.526 65.499 131.021 155.176 196.546 268.958 196.546 112.603 0 200.527-55.795 263.746-167.22 52.827-91.983 79.246-198.877 79.246-320.657 0-126.479-26.419-240.824-79.246-343.084-64.397-128.743-154.049-193.039-268.944-193.039-109.198 0-195.906 55.13-260.303 165.455-55.144 94.222-82.702 199.374-82.702 315.473zM566.787 473.812c0-165.455 24.705-294.199 74.177-386.156 34.446-64.321 78.671-96.525 132.699-96.525 129.871 0 194.832 134.478 194.832 403.435 0 118.324-10.355 218.358-31.001 299.958-35.649 134.455-95.975 201.73-181.059 201.73-126.451 0-189.647-129.921-189.647-389.675v-32.768zM1149.703 416.928c0 125.275 26.38 240.808 79.246 346.526 65.497 131.021 155.176 196.546 268.955 196.546 112.603 0 200.529-55.795 263.748-167.22 52.827-91.983 79.246-198.877 79.246-320.657 0-126.479-26.419-240.824-79.246-343.084-64.397-128.743-154.049-193.039-268.944-193.039-109.198 0-195.906 55.13-260.303 165.455-55.144 94.222-82.702 199.374-82.702 315.473zM1294.46 473.812c0-165.455 24.705-294.199 74.177-386.156 34.446-64.321 78.671-96.525 132.699-96.525 129.871 0 194.832 134.478 194.832 403.435 0 118.324-10.355 218.358-31.003 299.958-35.647 134.455-95.975 201.73-181.057 201.73-126.454 0-189.647-129.921-189.647-389.675v-32.768z" />
+<glyph unicode="&#xe901;" glyph-name="1000000" horiz-adv-x="5120" d="M291.069 959.986v-820.572c0-98.188 41.291-147.248 123.993-147.248h21.555v-56.166h-436.617v56.166h27.406c79.961 0 119.921 49.060 119.921 147.248v538.286c0 99.301-34.522 149.026-103.434 149.026h-43.892v54.364h15.834c85.245 0 162.441 26.327 231.421 78.909l43.814-0.014zM630.245 416.928c0 125.273 26.382 240.807 79.244 346.525 65.498 131.024 155.177 196.547 268.957 196.547 112.606 0 200.53-55.794 263.748-167.223 52.828-91.979 79.247-198.874 79.247-320.655 0-126.478-26.419-240.821-79.247-343.084-64.396-128.744-154.051-193.038-268.943-193.038-109.199 0-195.908 55.129-260.304 165.455-55.142 94.222-82.702 199.376-82.702 315.474zM775.001 473.812c0-165.455 24.706-294.199 74.179-386.154 34.444-64.321 78.667-96.529 132.697-96.529 129.871 0 194.833 134.479 194.833 403.436 0 118.327-10.356 218.358-31.003 299.96-35.649 134.455-95.976 201.731-181.057 201.731-126.454 0-189.648-129.922-189.648-389.676v-32.768zM1357.916 416.928c0 125.273 26.382 240.807 79.247 346.525 65.498 131.024 155.174 196.547 268.957 196.547 112.602 0 200.527-55.794 263.745-167.223 52.828-91.979 79.247-198.874 79.247-320.655 0-126.478-26.419-240.821-79.247-343.084-64.396-128.744-154.051-193.038-268.943-193.038-109.199 0-195.905 55.129-260.304 165.455-55.142 94.222-82.702 199.376-82.702 315.474zM1502.672 473.812c0-165.455 24.706-294.199 74.179-386.154 34.444-64.321 78.671-96.529 132.7-96.529 129.871 0 194.83 134.479 194.83 403.436 0 118.327-10.356 218.358-31.003 299.96-35.645 134.455-95.973 201.731-181.057 201.731-126.454 0-189.648-129.922-189.648-389.676v-32.768zM2087.257 416.928c0 125.273 26.382 240.807 79.247 346.525 65.498 131.024 155.177 196.547 268.957 196.547 112.602 0 200.527-55.794 263.745-167.223 52.828-91.979 79.247-198.874 79.247-320.655 0-126.478-26.419-240.821-79.247-343.084-64.396-128.744-154.047-193.038-268.943-193.038-109.196 0-195.905 55.129-260.304 165.455-55.142 94.222-82.702 199.376-82.702 315.474zM2232.013 473.812c0-165.455 24.706-294.199 74.179-386.154 34.444-64.321 78.671-96.529 132.7-96.529 129.871 0 194.83 134.479 194.83 403.436 0 118.327-10.356 218.358-31 299.96-35.649 134.455-95.976 201.731-181.060 201.731-126.454 0-189.648-129.922-189.648-389.676v-32.768zM481.324-64v27.549q52.122 5.212 78.554 24.201t26.433 51.75q0 20.849-6.7 30.901t-23.081 10.796l-9.68 0.744q-19.36 0.744-30.901 11.913t-11.54 29.785q0 21.593 13.773 34.253 13.776 12.657 34.625 12.657 32.761 0 55.101-31.273 22.337-31.273 22.337-77.438 0-58.822-39.093-91.955-39.089-33.137-109.827-33.881zM2968.378 416.928c0 125.273 26.382 240.807 79.244 346.525 65.498 131.024 155.177 196.547 268.957 196.547 112.606 0 200.53-55.794 263.748-167.223 52.828-91.979 79.247-198.874 79.247-320.655 0-126.478-26.419-240.821-79.247-343.084-64.396-128.744-154.051-193.038-268.943-193.038-109.199 0-195.908 55.129-260.304 165.455-55.142 94.222-82.702 199.376-82.702 315.474zM3113.134 473.812c0-165.455 24.706-294.199 74.179-386.154 34.444-64.321 78.671-96.529 132.697-96.529 129.871 0 194.833 134.479 194.833 403.436 0 118.327-10.356 218.358-31.003 299.96-35.649 134.455-95.976 201.731-181.057 201.731-126.454 0-189.648-129.922-189.648-389.676v-32.768zM3696.049 416.928c0 125.273 26.382 240.807 79.247 346.525 65.498 131.024 155.174 196.547 268.957 196.547 112.602 0 200.527-55.794 263.745-167.223 52.828-91.979 79.247-198.874 79.247-320.655 0-126.478-26.419-240.821-79.247-343.084-64.396-128.744-154.047-193.038-268.943-193.038-109.199 0-195.905 55.129-260.304 165.455-55.142 94.222-82.702 199.376-82.702 315.474zM3840.806 473.812c0-165.455 24.706-294.199 74.179-386.154 34.444-64.321 78.671-96.529 132.7-96.529 129.871 0 194.83 134.479 194.83 403.436 0 118.327-10.356 218.358-31 299.96-35.649 134.455-95.976 201.731-181.060 201.731-126.454 0-189.648-129.922-189.648-389.676v-32.768zM4425.39 416.928c0 125.273 26.382 240.807 79.247 346.525 65.498 131.024 155.177 196.547 268.957 196.547 112.602 0 200.527-55.794 263.748-167.223 52.825-91.979 79.244-198.874 79.244-320.655 0-126.478-26.419-240.821-79.244-343.084-64.399-128.744-154.051-193.038-268.947-193.038-109.196 0-195.905 55.129-260.304 165.455-55.142 94.222-82.702 199.376-82.702 315.474zM4570.15 473.812c0-165.455 24.702-294.199 74.175-386.154 34.447-64.321 78.671-96.529 132.7-96.529 129.871 0 194.83 134.479 194.83 403.436 0 118.327-10.356 218.358-31 299.96-35.649 134.455-95.976 201.731-181.060 201.731-126.45 0-189.645-129.922-189.645-389.676v-32.768zM2819.458-64v27.549q52.122 5.212 78.554 24.201t26.433 51.75q0 20.849-6.7 30.901t-23.081 10.796l-9.68 0.744q-19.36 0.744-30.901 11.913t-11.54 29.785q0 21.593 13.773 34.253 13.776 12.657 34.625 12.657 32.761 0 55.101-31.273 22.337-31.273 22.337-77.438 0-58.822-39.093-91.955-39.089-33.137-109.827-33.881z" />
 </font></defs></svg>

index.html

@@ -120,6 +120,11 @@
         <span class="ms-half"><i class="ms ms-r ms-cost"></i></span>
         <span class="ms-half"><i class="ms ms-g ms-cost"></i></span>
     </p>
+    <h3>New: Un-set mana symbols</h3>
+    <p>
+        <i class="ms ms-100 ms-cost ms-shadow"></i>
+        <i class="ms ms-100000 ms-cost ms-shadow"></i>
+    </p>
     <h3>Future Sight type symbols</h3>
     <p>
         <i class="ms ms-artifact ms-2x"></i>

less/cost.less

@@ -37,154 +37,154 @@
 
     // Split symbols
     &.@{ms-prefix}-wu {
-        background: #edf2b0; /* Old browsers */
+        background: #edf2b0; // Old browsers
-        background: -moz-linear-gradient(-45deg, #edf2b0 0%, #edf2b0 50%, #a6c1dd 50%, #a6c1dd 100%); /* FF3.6+ */
+        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+ */
+        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+
-        background: -webkit-linear-gradient(-45deg, #edf2b0 0%,#edf2b0 50%,#a6c1dd 50%,#a6c1dd 100%); /* Chrome10+,Safari5.1+ */
+        background: -webkit-linear-gradient(-45deg, #edf2b0 0%,#edf2b0 50%,#a6c1dd 50%,#a6c1dd 100%); // Chrome10+,Safari5.1+
-        background: -o-linear-gradient(-45deg, #edf2b0 0%,#edf2b0 50%,#a6c1dd 50%,#a6c1dd 100%); /* Opera 11.10+ */
+        background: -o-linear-gradient(-45deg, #edf2b0 0%,#edf2b0 50%,#a6c1dd 50%,#a6c1dd 100%); // Opera 11.10+
-        background: -ms-linear-gradient(-45deg, #edf2b0 0%,#edf2b0 50%,#a6c1dd 50%,#a6c1dd 100%); /* IE10+ */
+        background: -ms-linear-gradient(-45deg, #edf2b0 0%,#edf2b0 50%,#a6c1dd 50%,#a6c1dd 100%); // IE10+
-        background: linear-gradient(135deg, #edf2b0 0%,#edf2b0 50%,#a6c1dd 50%,#a6c1dd 100%); /* W3C */
+        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 */
+        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#edf2b0', endColorstr='#a6c1dd',GradientType=1 ); // IE6-9 fallback on horizontal gradient
     }
     &.@{ms-prefix}-wb {
-        background: #edf2b0; /* Old browsers */
+        background: #edf2b0; // Old browsers
-        background: -moz-linear-gradient(-45deg,  #edf2b0 0%, #edf2b0 50%, #9c9188 50%, #9c9188 100%); /* FF3.6+ */
+        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+ */
+        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+
-        background: -webkit-linear-gradient(-45deg,  #edf2b0 0%,#edf2b0 50%,#9c9188 50%,#9c9188 100%); /* Chrome10+,Safari5.1+ */
+        background: -webkit-linear-gradient(-45deg,  #edf2b0 0%,#edf2b0 50%,#9c9188 50%,#9c9188 100%); // Chrome10+,Safari5.1+
-        background: -o-linear-gradient(-45deg,  #edf2b0 0%,#edf2b0 50%,#9c9188 50%,#9c9188 100%); /* Opera 11.10+ */
+        background: -o-linear-gradient(-45deg,  #edf2b0 0%,#edf2b0 50%,#9c9188 50%,#9c9188 100%); // Opera 11.10+
-        background: -ms-linear-gradient(-45deg,  #edf2b0 0%,#edf2b0 50%,#9c9188 50%,#9c9188 100%); /* IE10+ */
+        background: -ms-linear-gradient(-45deg,  #edf2b0 0%,#edf2b0 50%,#9c9188 50%,#9c9188 100%); // IE10+
-        background: linear-gradient(135deg,  #edf2b0 0%,#edf2b0 50%,#9c9188 50%,#9c9188 100%); /* W3C */
+        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 */
+        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#edf2b0', endColorstr='#9c9188',GradientType=1 ); // IE6-9 fallback on horizontal gradient
     }
     &.@{ms-prefix}-ub {
-        background: #a6c1dd; /* Old browsers */
+        background: #a6c1dd; // Old browsers
-        background: -moz-linear-gradient(-45deg,  #a6c1dd 0%, #a6c1dd 50%, #9c9188 50%, #9c9188 100%); /* FF3.6+ */
+        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+ */
+        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+
-        background: -webkit-linear-gradient(-45deg,  #a6c1dd 0%,#a6c1dd 50%,#9c9188 50%,#9c9188 100%); /* Chrome10+,Safari5.1+ */
+        background: -webkit-linear-gradient(-45deg,  #a6c1dd 0%,#a6c1dd 50%,#9c9188 50%,#9c9188 100%); // Chrome10+,Safari5.1+
-        background: -o-linear-gradient(-45deg,  #a6c1dd 0%,#a6c1dd 50%,#9c9188 50%,#9c9188 100%); /* Opera 11.10+ */
+        background: -o-linear-gradient(-45deg,  #a6c1dd 0%,#a6c1dd 50%,#9c9188 50%,#9c9188 100%); // Opera 11.10+
-        background: -ms-linear-gradient(-45deg,  #a6c1dd 0%,#a6c1dd 50%,#9c9188 50%,#9c9188 100%); /* IE10+ */
+        background: -ms-linear-gradient(-45deg,  #a6c1dd 0%,#a6c1dd 50%,#9c9188 50%,#9c9188 100%); // IE10+
-        background: linear-gradient(135deg,  #a6c1dd 0%,#a6c1dd 50%,#9c9188 50%,#9c9188 100%); /* W3C */
+        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 */
+        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6c1dd', endColorstr='#9c9188',GradientType=1 ); // IE6-9 fallback on horizontal gradient
     }
     &.@{ms-prefix}-ur {
-        background: #a6c1dd; /* Old browsers */
+        background: #a6c1dd; // Old browsers
-        background: -moz-linear-gradient(-45deg,  #a6c1dd 0%, #a6c1dd 50%, #db8664 50%, #db8664 100%); /* FF3.6+ */
+        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+ */
+        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+
-        background: -webkit-linear-gradient(-45deg,  #a6c1dd 0%,#a6c1dd 50%,#db8664 50%,#db8664 100%); /* Chrome10+,Safari5.1+ */
+        background: -webkit-linear-gradient(-45deg,  #a6c1dd 0%,#a6c1dd 50%,#db8664 50%,#db8664 100%); // Chrome10+,Safari5.1+
-        background: -o-linear-gradient(-45deg,  #a6c1dd 0%,#a6c1dd 50%,#db8664 50%,#db8664 100%); /* Opera 11.10+ */
+        background: -o-linear-gradient(-45deg,  #a6c1dd 0%,#a6c1dd 50%,#db8664 50%,#db8664 100%); // Opera 11.10+
-        background: -ms-linear-gradient(-45deg,  #a6c1dd 0%,#a6c1dd 50%,#db8664 50%,#db8664 100%); /* IE10+ */
+        background: -ms-linear-gradient(-45deg,  #a6c1dd 0%,#a6c1dd 50%,#db8664 50%,#db8664 100%); // IE10+
-        background: linear-gradient(135deg,  #a6c1dd 0%,#a6c1dd 50%,#db8664 50%,#db8664 100%); /* W3C */
+        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 */
+        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6c1dd', endColorstr='#db8664',GradientType=1 ); // IE6-9 fallback on horizontal gradient
     }
     &.@{ms-prefix}-br {
-        background: #aca29a; /* Old browsers */
+        background: #aca29a; // Old browsers
-        background: -moz-linear-gradient(-45deg,  #aca29a 0%, #aca29a 50%, #db8664 50%, #db8664 100%); /* FF3.6+ */
+        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+ */
+        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+
-        background: -webkit-linear-gradient(-45deg,  #aca29a 0%,#aca29a 50%,#db8664 50%,#db8664 100%); /* Chrome10+,Safari5.1+ */
+        background: -webkit-linear-gradient(-45deg,  #aca29a 0%,#aca29a 50%,#db8664 50%,#db8664 100%); // Chrome10+,Safari5.1+
-        background: -o-linear-gradient(-45deg,  #aca29a 0%,#aca29a 50%,#db8664 50%,#db8664 100%); /* Opera 11.10+ */
+        background: -o-linear-gradient(-45deg,  #aca29a 0%,#aca29a 50%,#db8664 50%,#db8664 100%); // Opera 11.10+
-        background: -ms-linear-gradient(-45deg,  #aca29a 0%,#aca29a 50%,#db8664 50%,#db8664 100%); /* IE10+ */
+        background: -ms-linear-gradient(-45deg,  #aca29a 0%,#aca29a 50%,#db8664 50%,#db8664 100%); // IE10+
-        background: linear-gradient(135deg,  #aca29a 0%,#aca29a 50%,#db8664 50%,#db8664 100%); /* W3C */
+        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 */
+        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aca29a', endColorstr='#db8664',GradientType=1 ); // IE6-9 fallback on horizontal gradient
     }
     &.@{ms-prefix}-bg {
-        background: #aca29a; /* Old browsers */
+        background: #aca29a; // Old browsers
-        background: -moz-linear-gradient(-45deg,  #aca29a 0%, #aca29a 50%, #93b483 50%, #93b483 100%); /* FF3.6+ */
+        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+ */
+        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+
-        background: -webkit-linear-gradient(-45deg,  #aca29a 0%,#aca29a 50%,#93b483 50%,#93b483 100%); /* Chrome10+,Safari5.1+ */
+        background: -webkit-linear-gradient(-45deg,  #aca29a 0%,#aca29a 50%,#93b483 50%,#93b483 100%); // Chrome10+,Safari5.1+
-        background: -o-linear-gradient(-45deg,  #aca29a 0%,#aca29a 50%,#93b483 50%,#93b483 100%); /* Opera 11.10+ */
+        background: -o-linear-gradient(-45deg,  #aca29a 0%,#aca29a 50%,#93b483 50%,#93b483 100%); // Opera 11.10+
-        background: -ms-linear-gradient(-45deg,  #aca29a 0%,#aca29a 50%,#93b483 50%,#93b483 100%); /* IE10+ */
+        background: -ms-linear-gradient(-45deg,  #aca29a 0%,#aca29a 50%,#93b483 50%,#93b483 100%); // IE10+
-        background: linear-gradient(135deg,  #aca29a 0%,#aca29a 50%,#93b483 50%,#93b483 100%); /* W3C */
+        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 */
+        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aca29a', endColorstr='#93b483',GradientType=1 ); // IE6-9 fallback on horizontal gradient
     }
     &.@{ms-prefix}-rw {
-        background: #db8664; /* Old browsers */
+        background: #db8664; // Old browsers
-        background: -moz-linear-gradient(-45deg,  #db8664 0%, #db8664 50%, #edf2b0 50%, #edf2b0 100%); /* FF3.6+ */
+        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+ */
+        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+
-        background: -webkit-linear-gradient(-45deg,  #db8664 0%,#db8664 50%,#edf2b0 50%,#edf2b0 100%); /* Chrome10+,Safari5.1+ */
+        background: -webkit-linear-gradient(-45deg,  #db8664 0%,#db8664 50%,#edf2b0 50%,#edf2b0 100%); // Chrome10+,Safari5.1+
-        background: -o-linear-gradient(-45deg,  #db8664 0%,#db8664 50%,#edf2b0 50%,#edf2b0 100%); /* Opera 11.10+ */
+        background: -o-linear-gradient(-45deg,  #db8664 0%,#db8664 50%,#edf2b0 50%,#edf2b0 100%); // Opera 11.10+
-        background: -ms-linear-gradient(-45deg,  #db8664 0%,#db8664 50%,#edf2b0 50%,#edf2b0 100%); /* IE10+ */
+        background: -ms-linear-gradient(-45deg,  #db8664 0%,#db8664 50%,#edf2b0 50%,#edf2b0 100%); // IE10+
-        background: linear-gradient(135deg,  #db8664 0%,#db8664 50%,#edf2b0 50%,#edf2b0 100%); /* W3C */
+        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 */
+        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#db8664', endColorstr='#edf2b0',GradientType=1 ); // IE6-9 fallback on horizontal gradient
     }
     &.@{ms-prefix}-rg {
-        background: #db8664; /* Old browsers */
+        background: #db8664; // Old browsers
-        background: -moz-linear-gradient(-45deg,  #db8664 0%, #db8664 50%, #93b483 50%, #93b483 100%); /* FF3.6+ */
+        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+ */
+        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+
-        background: -webkit-linear-gradient(-45deg,  #db8664 0%,#db8664 50%,#93b483 50%,#93b483 100%); /* Chrome10+,Safari5.1+ */
+        background: -webkit-linear-gradient(-45deg,  #db8664 0%,#db8664 50%,#93b483 50%,#93b483 100%); // Chrome10+,Safari5.1+
-        background: -o-linear-gradient(-45deg,  #db8664 0%,#db8664 50%,#93b483 50%,#93b483 100%); /* Opera 11.10+ */
+        background: -o-linear-gradient(-45deg,  #db8664 0%,#db8664 50%,#93b483 50%,#93b483 100%); // Opera 11.10+
-        background: -ms-linear-gradient(-45deg,  #db8664 0%,#db8664 50%,#93b483 50%,#93b483 100%); /* IE10+ */
+        background: -ms-linear-gradient(-45deg,  #db8664 0%,#db8664 50%,#93b483 50%,#93b483 100%); // IE10+
-        background: linear-gradient(135deg,  #db8664 0%,#db8664 50%,#93b483 50%,#93b483 100%); /* W3C */
+        background: linear-gradient(135deg,  #db8664 0%,#db8664 50%,#93b483 50%,#93b483 100%); // W3C
-        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#db8664', endColorstr='#93b483',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
+        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#db8664', endColorstr='#93b483',GradientType=1 ); // IE6-9 fallback on horizontal gradient
     }
     &.@{ms-prefix}-gw {
-        background: #93b483; /* Old browsers */
+        background: #93b483; // Old browsers
-        background: -moz-linear-gradient(-45deg,  #93b483 0%, #93b483 50%, #edf2b0 50%, #edf2b0 100%); /* FF3.6+ */
+        background: -moz-linear-gradient(-45deg,  #93b483 0%, #93b483 50%, #edf2b0 50%, #edf2b0 100%); // FF3.6+
-        background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#93b483), color-stop(50%,#93b483), color-stop(50%,#edf2b0), color-stop(100%,#edf2b0)); /* Chrome,Safari4+ */
+        background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#93b483), color-stop(50%,#93b483), color-stop(50%,#edf2b0), color-stop(100%,#edf2b0)); // Chrome,Safari4+
-        background: -webkit-linear-gradient(-45deg,  #93b483 0%,#93b483 50%,#edf2b0 50%,#edf2b0 100%); /* Chrome10+,Safari5.1+ */
+        background: -webkit-linear-gradient(-45deg,  #93b483 0%,#93b483 50%,#edf2b0 50%,#edf2b0 100%); // Chrome10+,Safari5.1+
-        background: -o-linear-gradient(-45deg,  #93b483 0%,#93b483 50%,#edf2b0 50%,#edf2b0 100%); /* Opera 11.10+ */
+        background: -o-linear-gradient(-45deg,  #93b483 0%,#93b483 50%,#edf2b0 50%,#edf2b0 100%); // Opera 11.10+
-        background: -ms-linear-gradient(-45deg,  #93b483 0%,#93b483 50%,#edf2b0 50%,#edf2b0 100%); /* IE10+ */
+        background: -ms-linear-gradient(-45deg,  #93b483 0%,#93b483 50%,#edf2b0 50%,#edf2b0 100%); // IE10+
-        background: linear-gradient(135deg,  #93b483 0%,#93b483 50%,#edf2b0 50%,#edf2b0 100%); /* W3C */
+        background: linear-gradient(135deg,  #93b483 0%,#93b483 50%,#edf2b0 50%,#edf2b0 100%); // W3C
-        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#93b483', endColorstr='#edf2b0',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
+        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#93b483', endColorstr='#edf2b0',GradientType=1 ); // IE6-9 fallback on horizontal gradient
     }
     &.@{ms-prefix}-gu {
-        background: #93b483; /* Old browsers */
+        background: #93b483; // Old browsers
-        background: -moz-linear-gradient(-45deg,  #93b483 0%, #93b483 50%, #b5cde3 50%, #b5cde3 100%); /* FF3.6+ */
+        background: -moz-linear-gradient(-45deg,  #93b483 0%, #93b483 50%, #b5cde3 50%, #b5cde3 100%); // FF3.6+
-        background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#93b483), color-stop(50%,#93b483), color-stop(50%,#b5cde3), color-stop(100%,#b5cde3)); /* Chrome,Safari4+ */
+        background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#93b483), color-stop(50%,#93b483), color-stop(50%,#b5cde3), color-stop(100%,#b5cde3)); // Chrome,Safari4+
-        background: -webkit-linear-gradient(-45deg,  #93b483 0%,#93b483 50%,#b5cde3 50%,#b5cde3 100%); /* Chrome10+,Safari5.1+ */
+        background: -webkit-linear-gradient(-45deg,  #93b483 0%,#93b483 50%,#b5cde3 50%,#b5cde3 100%); // Chrome10+,Safari5.1+
-        background: -o-linear-gradient(-45deg,  #93b483 0%,#93b483 50%,#b5cde3 50%,#b5cde3 100%); /* Opera 11.10+ */
+        background: -o-linear-gradient(-45deg,  #93b483 0%,#93b483 50%,#b5cde3 50%,#b5cde3 100%); // Opera 11.10+
-        background: -ms-linear-gradient(-45deg,  #93b483 0%,#93b483 50%,#b5cde3 50%,#b5cde3 100%); /* IE10+ */
+        background: -ms-linear-gradient(-45deg,  #93b483 0%,#93b483 50%,#b5cde3 50%,#b5cde3 100%); // IE10+
-        background: linear-gradient(135deg,  #93b483 0%,#93b483 50%,#b5cde3 50%,#b5cde3 100%); /* W3C */
+        background: linear-gradient(135deg,  #93b483 0%,#93b483 50%,#b5cde3 50%,#b5cde3 100%); // W3C
-        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#93b483', endColorstr='#b5cde3',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
+        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#93b483', endColorstr='#b5cde3',GradientType=1 ); // IE6-9 fallback on horizontal gradient
     }
     &.@{ms-prefix}-2w {
-        background: #beb9b2; /* Old browsers */
+        background: #beb9b2; // Old browsers
-        background: -moz-linear-gradient(-45deg,  #beb9b2 0%, #beb9b2 50%, #edf2b0 50%, #edf2b0 100%); /* FF3.6+ */
+        background: -moz-linear-gradient(-45deg,  #beb9b2 0%, #beb9b2 50%, #edf2b0 50%, #edf2b0 100%); // FF3.6+
-        background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#beb9b2), color-stop(50%,#beb9b2), color-stop(50%,#edf2b0), color-stop(100%,#edf2b0)); /* Chrome,Safari4+ */
+        background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#beb9b2), color-stop(50%,#beb9b2), color-stop(50%,#edf2b0), color-stop(100%,#edf2b0)); // Chrome,Safari4+
-        background: -webkit-linear-gradient(-45deg,  #beb9b2 0%,#beb9b2 50%,#edf2b0 50%,#edf2b0 100%); /* Chrome10+,Safari5.1+ */
+        background: -webkit-linear-gradient(-45deg,  #beb9b2 0%,#beb9b2 50%,#edf2b0 50%,#edf2b0 100%); // Chrome10+,Safari5.1+
-        background: -o-linear-gradient(-45deg,  #beb9b2 0%,#beb9b2 50%,#edf2b0 50%,#edf2b0 100%); /* Opera 11.10+ */
+        background: -o-linear-gradient(-45deg,  #beb9b2 0%,#beb9b2 50%,#edf2b0 50%,#edf2b0 100%); // Opera 11.10+
-        background: -ms-linear-gradient(-45deg,  #beb9b2 0%,#beb9b2 50%,#edf2b0 50%,#edf2b0 100%); /* IE10+ */
+        background: -ms-linear-gradient(-45deg,  #beb9b2 0%,#beb9b2 50%,#edf2b0 50%,#edf2b0 100%); // IE10+
-        background: linear-gradient(135deg,  #beb9b2 0%,#beb9b2 50%,#edf2b0 50%,#edf2b0 100%); /* W3C */
+        background: linear-gradient(135deg,  #beb9b2 0%,#beb9b2 50%,#edf2b0 50%,#edf2b0 100%); // W3C
-        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#beb9b2', endColorstr='#edf2b0',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
+        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#beb9b2', endColorstr='#edf2b0',GradientType=1 ); // IE6-9 fallback on horizontal gradient
     }
     &.@{ms-prefix}-2u {
-        background: #beb9b2; /* Old browsers */
+        background: #beb9b2; // Old browsers
-        background: -moz-linear-gradient(-45deg,  #beb9b2 0%, #beb9b2 50%, #b5cde3 50%, #b5cde3 100%); /* FF3.6+ */
+        background: -moz-linear-gradient(-45deg,  #beb9b2 0%, #beb9b2 50%, #b5cde3 50%, #b5cde3 100%); // FF3.6+
-        background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#beb9b2), color-stop(50%,#beb9b2), color-stop(50%,#b5cde3), color-stop(100%,#b5cde3)); /* Chrome,Safari4+ */
+        background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#beb9b2), color-stop(50%,#beb9b2), color-stop(50%,#b5cde3), color-stop(100%,#b5cde3)); // Chrome,Safari4+
-        background: -webkit-linear-gradient(-45deg,  #beb9b2 0%,#beb9b2 50%,#b5cde3 50%,#b5cde3 100%); /* Chrome10+,Safari5.1+ */
+        background: -webkit-linear-gradient(-45deg,  #beb9b2 0%,#beb9b2 50%,#b5cde3 50%,#b5cde3 100%); // Chrome10+,Safari5.1+
-        background: -o-linear-gradient(-45deg,  #beb9b2 0%,#beb9b2 50%,#b5cde3 50%,#b5cde3 100%); /* Opera 11.10+ */
+        background: -o-linear-gradient(-45deg,  #beb9b2 0%,#beb9b2 50%,#b5cde3 50%,#b5cde3 100%); // Opera 11.10+
-        background: -ms-linear-gradient(-45deg,  #beb9b2 0%,#beb9b2 50%,#b5cde3 50%,#b5cde3 100%); /* IE10+ */
+        background: -ms-linear-gradient(-45deg,  #beb9b2 0%,#beb9b2 50%,#b5cde3 50%,#b5cde3 100%); // IE10+
-        background: linear-gradient(135deg,  #beb9b2 0%,#beb9b2 50%,#b5cde3 50%,#b5cde3 100%); /* W3C */
+        background: linear-gradient(135deg,  #beb9b2 0%,#beb9b2 50%,#b5cde3 50%,#b5cde3 100%); // W3C
-        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#beb9b2', endColorstr='#b5cde3',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
+        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#beb9b2', endColorstr='#b5cde3',GradientType=1 ); // IE6-9 fallback on horizontal gradient
     }
     &.@{ms-prefix}-2b {
-        background: #beb9b2; /* Old browsers */
+        background: #beb9b2; // Old browsers
-        background: -moz-linear-gradient(-45deg,  #beb9b2 0%, #beb9b2 50%, #9c9188 50%, #9c9188 100%); /* FF3.6+ */
+        background: -moz-linear-gradient(-45deg,  #beb9b2 0%, #beb9b2 50%, #9c9188 50%, #9c9188 100%); // FF3.6+
-        background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#beb9b2), color-stop(50%,#beb9b2), color-stop(50%,#9c9188), color-stop(100%,#9c9188)); /* Chrome,Safari4+ */
+        background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#beb9b2), color-stop(50%,#beb9b2), color-stop(50%,#9c9188), color-stop(100%,#9c9188)); // Chrome,Safari4+
-        background: -webkit-linear-gradient(-45deg,  #beb9b2 0%,#beb9b2 50%,#9c9188 50%,#9c9188 100%); /* Chrome10+,Safari5.1+ */
+        background: -webkit-linear-gradient(-45deg,  #beb9b2 0%,#beb9b2 50%,#9c9188 50%,#9c9188 100%); // Chrome10+,Safari5.1+
-        background: -o-linear-gradient(-45deg,  #beb9b2 0%,#beb9b2 50%,#9c9188 50%,#9c9188 100%); /* Opera 11.10+ */
+        background: -o-linear-gradient(-45deg,  #beb9b2 0%,#beb9b2 50%,#9c9188 50%,#9c9188 100%); // Opera 11.10+
-        background: -ms-linear-gradient(-45deg,  #beb9b2 0%,#beb9b2 50%,#9c9188 50%,#9c9188 100%); /* IE10+ */
+        background: -ms-linear-gradient(-45deg,  #beb9b2 0%,#beb9b2 50%,#9c9188 50%,#9c9188 100%); // IE10+
-        background: linear-gradient(135deg,  #beb9b2 0%,#beb9b2 50%,#9c9188 50%,#9c9188 100%); /* W3C */
+        background: linear-gradient(135deg,  #beb9b2 0%,#beb9b2 50%,#9c9188 50%,#9c9188 100%); // W3C
-        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#beb9b2', endColorstr='#9c9188',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
+        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#beb9b2', endColorstr='#9c9188',GradientType=1 ); // IE6-9 fallback on horizontal gradient
     }
     &.@{ms-prefix}-2r {
-        background: #beb9b2; /* Old browsers */
+        background: #beb9b2; // Old browsers
-        background: -moz-linear-gradient(-45deg,  #beb9b2 0%, #beb9b2 50%, #db8664 50%, #db8664 100%); /* FF3.6+ */
+        background: -moz-linear-gradient(-45deg,  #beb9b2 0%, #beb9b2 50%, #db8664 50%, #db8664 100%); // FF3.6+
-        background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#beb9b2), color-stop(50%,#beb9b2), color-stop(50%,#db8664), color-stop(100%,#db8664)); /* Chrome,Safari4+ */
+        background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#beb9b2), color-stop(50%,#beb9b2), color-stop(50%,#db8664), color-stop(100%,#db8664)); // Chrome,Safari4+
-        background: -webkit-linear-gradient(-45deg,  #beb9b2 0%,#beb9b2 50%,#db8664 50%,#db8664 100%); /* Chrome10+,Safari5.1+ */
+        background: -webkit-linear-gradient(-45deg,  #beb9b2 0%,#beb9b2 50%,#db8664 50%,#db8664 100%); // Chrome10+,Safari5.1+
-        background: -o-linear-gradient(-45deg,  #beb9b2 0%,#beb9b2 50%,#db8664 50%,#db8664 100%); /* Opera 11.10+ */
+        background: -o-linear-gradient(-45deg,  #beb9b2 0%,#beb9b2 50%,#db8664 50%,#db8664 100%); // Opera 11.10+
-        background: -ms-linear-gradient(-45deg,  #beb9b2 0%,#beb9b2 50%,#db8664 50%,#db8664 100%); /* IE10+ */
+        background: -ms-linear-gradient(-45deg,  #beb9b2 0%,#beb9b2 50%,#db8664 50%,#db8664 100%); // IE10+
-        background: linear-gradient(135deg,  #beb9b2 0%,#beb9b2 50%,#db8664 50%,#db8664 100%); /* W3C */
+        background: linear-gradient(135deg,  #beb9b2 0%,#beb9b2 50%,#db8664 50%,#db8664 100%); // W3C
-        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#beb9b2', endColorstr='#db8664',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
+        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#beb9b2', endColorstr='#db8664',GradientType=1 ); // IE6-9 fallback on horizontal gradient
     }
     &.@{ms-prefix}-2g {
-        background: #beb9b2; /* Old browsers */
+        background: #beb9b2; // Old browsers
-        background: -moz-linear-gradient(-45deg,  #beb9b2 0%, #beb9b2 50%, #93b483 50%, #93b483 100%); /* FF3.6+ */
+        background: -moz-linear-gradient(-45deg,  #beb9b2 0%, #beb9b2 50%, #93b483 50%, #93b483 100%); // FF3.6+
-        background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#beb9b2), color-stop(50%,#beb9b2), color-stop(50%,#93b483), color-stop(100%,#93b483)); /* Chrome,Safari4+ */
+        background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#beb9b2), color-stop(50%,#beb9b2), color-stop(50%,#93b483), color-stop(100%,#93b483)); // Chrome,Safari4+
-        background: -webkit-linear-gradient(-45deg,  #beb9b2 0%,#beb9b2 50%,#93b483 50%,#93b483 100%); /* Chrome10+,Safari5.1+ */
+        background: -webkit-linear-gradient(-45deg,  #beb9b2 0%,#beb9b2 50%,#93b483 50%,#93b483 100%); // Chrome10+,Safari5.1+
-        background: -o-linear-gradient(-45deg,  #beb9b2 0%,#beb9b2 50%,#93b483 50%,#93b483 100%); /* Opera 11.10+ */
+        background: -o-linear-gradient(-45deg,  #beb9b2 0%,#beb9b2 50%,#93b483 50%,#93b483 100%); // Opera 11.10+
-        background: -ms-linear-gradient(-45deg,  #beb9b2 0%,#beb9b2 50%,#93b483 50%,#93b483 100%); /* IE10+ */
+        background: -ms-linear-gradient(-45deg,  #beb9b2 0%,#beb9b2 50%,#93b483 50%,#93b483 100%); // IE10+
-        background: linear-gradient(135deg,  #beb9b2 0%,#beb9b2 50%,#93b483 50%,#93b483 100%); /* W3C */
+        background: linear-gradient(135deg,  #beb9b2 0%,#beb9b2 50%,#93b483 50%,#93b483 100%); // W3C
-        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#beb9b2', endColorstr='#93b483',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
+        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#beb9b2', endColorstr='#93b483',GradientType=1 ); // IE6-9 fallback on horizontal gradient
     }
 
     // Phyrexian mana and size increases
@@ -280,3 +280,13 @@
         margin-left: -.675em;
     }
 }
+
+/**
+ * Un-set costs */
+
+.@{ms-prefix}-100 {
+    width: 2.4em;
+}
+.@{ms-prefix}-100000 {
+    width: 5.4em;
+}

less/icons.less

@@ -91,6 +91,11 @@
 .@{ms-prefix}-2r:before,
 .@{ms-prefix}-2g:before { content: "\e607"; } // 2
 
+/**
+ * Un-set symbols */
+.@{ms-prefix}-100:before { content: "\e900"; }
+.@{ms-prefix}-100000:before { content: "\e901"; }
+
 /**
  * Planeswalker symbols */