andrew/mana
andrew/mana
1
0
Fork 0
mirror of https://github.com/andrewgioia/mana.git synced 2024-11-24 15:34:45 +00:00
Code Issues Projects Releases Wiki Activity

Merges branch by @Araneline to add support for then-existing split-phyrexian mana costs, GUP and GWP, into v1.15.2

Browse Source
This commit is contained in:
Andrew Gioia 2023-03-04 07:28:24 -05:00
commit 9df0a1c0f2
7 changed files with 59 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
css/mana.css
View File

@ -123,7 +123,11 @@
.ms-up::before, .ms-up::before,
.ms-bp::before, .ms-bp::before,
.ms-rp::before, .ms-rp::before,
.ms-gp::before { .ms-gp::before,
.ms-gup::before,
.ms-gup::after,
.ms-gwp::before,
.ms-gwp::after {
content: "\e618"; content: "\e618";
} }
.ms-s::before { .ms-s::before {
@ -822,7 +826,9 @@
.ms-cost.ms-2u, .ms-cost.ms-2u,
.ms-cost.ms-2b, .ms-cost.ms-2b,
.ms-cost.ms-2r, .ms-cost.ms-2r,
.ms-cost.ms-2g { .ms-cost.ms-2g,
.ms-cost.ms-gup,
.ms-cost.ms-gwp {
position: relative; position: relative;
width: 1.3em; width: 1.3em;
height: 1.3em; height: 1.3em;
@ -842,6 +848,8 @@
.ms-cost.ms-2b::before, .ms-cost.ms-2b::before,
.ms-cost.ms-2r::before, .ms-cost.ms-2r::before,
.ms-cost.ms-2g::before, .ms-cost.ms-2g::before,
.ms-cost.ms-gup::before,
.ms-cost.ms-gwp::before,
.ms-cost.ms-wu::after, .ms-cost.ms-wu::after,
.ms-cost.ms-wb::after, .ms-cost.ms-wb::after,
.ms-cost.ms-ub::after, .ms-cost.ms-ub::after,
@ -856,7 +864,9 @@
.ms-cost.ms-2u::after, .ms-cost.ms-2u::after,
.ms-cost.ms-2b::after, .ms-cost.ms-2b::after,
.ms-cost.ms-2r::after, .ms-cost.ms-2r::after,
.ms-cost.ms-2g::after { .ms-cost.ms-2g::after,
.ms-cost.ms-gup::after,
.ms-cost.ms-gwp::after {
font-size: 0.55em !important; font-size: 0.55em !important;
position: absolute; position: absolute;
} }
@ -874,7 +884,9 @@
.ms-cost.ms-2u::before, .ms-cost.ms-2u::before,
.ms-cost.ms-2b::before, .ms-cost.ms-2b::before,
.ms-cost.ms-2r::before, .ms-cost.ms-2r::before,
.ms-cost.ms-2g::before { .ms-cost.ms-2g::before,
.ms-cost.ms-gup::before,
.ms-cost.ms-gwp::before {
top: -0.38em; top: -0.38em;
left: 0.28em; left: 0.28em;
} }
@ -892,7 +904,9 @@
.ms-cost.ms-2u::after, .ms-cost.ms-2u::after,
.ms-cost.ms-2b::after, .ms-cost.ms-2b::after,
.ms-cost.ms-2r::after, .ms-cost.ms-2r::after,
.ms-cost.ms-2g::after { .ms-cost.ms-2g::after,
.ms-cost.ms-gup::after,
.ms-cost.ms-gwp::after {
top: 0.5em; top: 0.5em;
left: 1em; left: 1em;
} }
@ -976,7 +990,8 @@
background: linear-gradient(135deg, #db8664 0%, #db8664 50%, #93b483 50%, #93b483 100%); background: linear-gradient(135deg, #db8664 0%, #db8664 50%, #93b483 50%, #93b483 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#db8664', endColorstr='#93b483', GradientType=1); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#db8664', endColorstr='#93b483', GradientType=1);
} }
.ms-cost.ms-gw { .ms-cost.ms-gw,
.ms-cost.ms-gwp {
background: #93b483; background: #93b483;
background: -moz-linear-gradient(-45deg, #93b483 0%, #93b483 50%, #edf2b0 50%, #edf2b0 100%); background: -moz-linear-gradient(-45deg, #93b483 0%, #93b483 50%, #edf2b0 50%, #edf2b0 100%);
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #93b483), color-stop(50%, #93b483), color-stop(50%, #edf2b0), color-stop(100%, #edf2b0)); background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #93b483), color-stop(50%, #93b483), color-stop(50%, #edf2b0), color-stop(100%, #edf2b0));
@ -986,7 +1001,8 @@
background: linear-gradient(135deg, #93b483 0%, #93b483 50%, #edf2b0 50%, #edf2b0 100%); background: linear-gradient(135deg, #93b483 0%, #93b483 50%, #edf2b0 50%, #edf2b0 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#93b483', endColorstr='#edf2b0', GradientType=1); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#93b483', endColorstr='#edf2b0', GradientType=1);
} }
.ms-cost.ms-gu { .ms-cost.ms-gu,
.ms-cost.ms-gup {
background: #93b483; background: #93b483;
background: -moz-linear-gradient(-45deg, #93b483 0%, #93b483 50%, #b5cde3 50%, #b5cde3 100%); background: -moz-linear-gradient(-45deg, #93b483 0%, #93b483 50%, #b5cde3 50%, #b5cde3 100%);
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #93b483), color-stop(50%, #93b483), color-stop(50%, #b5cde3), color-stop(100%, #b5cde3)); background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #93b483), color-stop(50%, #93b483), color-stop(50%, #b5cde3), color-stop(100%, #b5cde3));

2
css/mana.min.css vendored
View File

File diff suppressed because one or more lines are too long

3
index.html
View File

@ -146,6 +146,9 @@
<i class="ms ms-2b ms-cost ms-shadow"></i> <i class="ms ms-2b ms-cost ms-shadow"></i>
<i class="ms ms-2r ms-cost ms-shadow"></i> <i class="ms ms-2r ms-cost ms-shadow"></i>
<i class="ms ms-2g 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-gwp ms-cost ms-shadow"></i>
</p> </p>
<h3>Tap and roll symbols</h3> <h3>Tap and roll symbols</h3>
<p> <p>

10
less/cost.less
View File

@ -49,7 +49,9 @@
&.@{ms-prefix}-2u, &.@{ms-prefix}-2u,
&.@{ms-prefix}-2b, &.@{ms-prefix}-2b,
&.@{ms-prefix}-2r, &.@{ms-prefix}-2r,
&.@{ms-prefix}-2g { &.@{ms-prefix}-2g,
&.@{ms-prefix}-gup,
&.@{ms-prefix}-gwp {
position: relative; position: relative;
width: 1.3em; width: 1.3em;
height: 1.3em; height: 1.3em;
@ -147,7 +149,8 @@
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 { &.@{ms-prefix}-gw,
&.@{ms-prefix}-gwp {
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+
@ -157,7 +160,8 @@
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 { &.@{ms-prefix}-gu,
&.@{ms-prefix}-gup {
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+

14
less/icons.less
View File

@ -35,11 +35,15 @@
&-y::before { content: "\e616"; } &-y::before { content: "\e616"; }
&-z::before { content: "\e617"; } &-z::before { content: "\e617"; }
&-p::before, &-p::before,
&-wp::before, &-wp::before,
&-up::before, &-up::before,
&-bp::before, &-bp::before,
&-rp::before, &-rp::before,
&-gp::before { content: "\e618"; } &-gp::before,
&-gup::before,
&-gup::after,
&-gwp::before,
&-gwp::after { content: "\e618"; }
&-s::before { content: "\e619"; } &-s::before { content: "\e619"; }
&-s-mtga::before { content: "\e996"; } &-s-mtga::before { content: "\e996"; }
&-c::before { content: "\e904"; } &-c::before { content: "\e904"; }

10
sass/_cost.scss
View File

@ -48,7 +48,9 @@
&.#{$ms-prefix}-2u, &.#{$ms-prefix}-2u,
&.#{$ms-prefix}-2b, &.#{$ms-prefix}-2b,
&.#{$ms-prefix}-2r, &.#{$ms-prefix}-2r,
&.#{$ms-prefix}-2g { &.#{$ms-prefix}-2g,
&.#{$ms-prefix}-gup,
&.#{$ms-prefix}-gwp {
position: relative; position: relative;
width: 1.3em; width: 1.3em;
height: 1.3em; height: 1.3em;
@ -146,7 +148,8 @@
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 { &.#{$ms-prefix}-gw,
&.#{$ms-prefix}-gwp {
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+
@ -156,7 +159,8 @@
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 { &.#{$ms-prefix}-gu,
&.#{$ms-prefix}-gup {
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+

14
sass/_icons.scss
View File

@ -35,11 +35,15 @@
&-y::before { content: "\e616"; } &-y::before { content: "\e616"; }
&-z::before { content: "\e617"; } &-z::before { content: "\e617"; }
&-p::before, &-p::before,
&-wp::before, &-wp::before,
&-up::before, &-up::before,
&-bp::before, &-bp::before,
&-rp::before, &-rp::before,
&-gp::before { content: "\e618"; } &-gp::before,
&-gup::before,
&-gup::after,
&-gwp::before,
&-gwp::after { content: "\e618"; }
&-s::before { content: "\e619"; } &-s::before { content: "\e619"; }
&-s-mtga::before { content: "\e996"; } &-s-mtga::before { content: "\e996"; }
&-c::before { content: "\e904"; } &-c::before { content: "\e904"; }