Adds all split Phyrexian mana symbols

This commit is contained in:
Andrew Gioia 2023-03-06 09:15:33 -05:00
parent b5cae1623d
commit dea7a0d201
13 changed files with 259 additions and 83 deletions

View File

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

View File

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

View File

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

View File

@ -1,14 +1,14 @@
@font-face {
font-family: 'Mana';
src: url('../fonts/mana.eot?v=1.15.1');
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?v=1.15.3');
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?#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?v=1.15.3');
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-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 {
.ms-p::before {
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-gwp {
.ms-cost.ms-wup,
.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-gwp::after {
.ms-cost.ms-wup::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-gwp::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 {
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-gwp::after {
.ms-cost.ms-wup::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);

2
css/mana.min.css vendored

File diff suppressed because one or more lines are too long

View File

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

View File

@ -50,8 +50,16 @@
&.@{ms-prefix}-2b,
&.@{ms-prefix}-2r,
&.@{ms-prefix}-2g,
&.@{ms-prefix}-gup,
&.@{ms-prefix}-gwp {
&.@{ms-prefix}-wup,
&.@{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 );

View File

@ -34,16 +34,7 @@
&-x::before { content: "\e615"; }
&-y::before { content: "\e616"; }
&-z::before { content: "\e617"; }
&-p::before,
&-wp::before,
&-up::before,
&-bp::before,
&-rp::before,
&-gp::before,
&-gup::before,
&-gup::after,
&-gwp::before,
&-gwp::after { content: "\e618"; }
&-p::before { 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"; }

View File

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

View File

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

View File

@ -49,8 +49,16 @@
&.#{$ms-prefix}-2b,
&.#{$ms-prefix}-2r,
&.#{$ms-prefix}-2g,
&.#{$ms-prefix}-gup,
&.#{$ms-prefix}-gwp {
&.#{$ms-prefix}-wup,
&.#{$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 );

View File

@ -34,16 +34,7 @@
&-x::before { content: "\e615"; }
&-y::before { content: "\e616"; }
&-z::before { content: "\e617"; }
&-p::before,
&-wp::before,
&-up::before,
&-bp::before,
&-rp::before,
&-gp::before,
&-gup::before,
&-gup::after,
&-gwp::before,
&-gwp::after { content: "\e618"; }
&-p::before { 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"; }

View File

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