andrew/mana
andrew/mana
1
0
Fork 0
mirror of https://github.com/andrewgioia/mana.git synced 2024-11-21 14:54: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-bp::before,
.ms-rp::before,
.ms-gp::before {
.ms-gp::before,
.ms-gup::before,
.ms-gup::after,
.ms-gwp::before,
.ms-gwp::after {
content: "\e618";
}
.ms-s::before {
@ -822,7 +826,9 @@
.ms-cost.ms-2u,
.ms-cost.ms-2b,
.ms-cost.ms-2r,
.ms-cost.ms-2g {
.ms-cost.ms-2g,
.ms-cost.ms-gup,
.ms-cost.ms-gwp {
position: relative;
width: 1.3em;
height: 1.3em;
@ -842,6 +848,8 @@
.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-wu::after,
.ms-cost.ms-wb::after,
.ms-cost.ms-ub::after,
@ -856,7 +864,9 @@
.ms-cost.ms-2u::after,
.ms-cost.ms-2b::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;
position: absolute;
}
@ -874,7 +884,9 @@
.ms-cost.ms-2u::before,
.ms-cost.ms-2b::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;
left: 0.28em;
}
@ -892,7 +904,9 @@
.ms-cost.ms-2u::after,
.ms-cost.ms-2b::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;
left: 1em;
}
@ -976,7 +990,8 @@
background: linear-gradient(135deg, #db8664 0%, #db8664 50%, #93b483 50%, #93b483 100%);
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: -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));
@ -986,7 +1001,8 @@
background: linear-gradient(135deg, #93b483 0%, #93b483 50%, #edf2b0 50%, #edf2b0 100%);
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: -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));

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-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-gwp ms-cost ms-shadow"></i>
</p>
<h3>Tap and roll symbols</h3>
<p>

10
less/cost.less
View File

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

6
less/icons.less
View File

@ -39,7 +39,11 @@
&-up::before,
&-bp::before,
&-rp::before,
&-gp::before { content: "\e618"; }
&-gp::before,
&-gup::before,
&-gup::after,
&-gwp::before,
&-gwp::after { content: "\e618"; }
&-s::before { content: "\e619"; }
&-s-mtga::before { content: "\e996"; }
&-c::before { content: "\e904"; }

10
sass/_cost.scss
View File

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

6
sass/_icons.scss
View File

@ -39,7 +39,11 @@
&-up::before,
&-bp::before,
&-rp::before,
&-gp::before { content: "\e618"; }
&-gp::before,
&-gup::before,
&-gup::after,
&-gwp::before,
&-gwp::after { content: "\e618"; }
&-s::before { content: "\e619"; }
&-s-mtga::before { content: "\e996"; }
&-c::before { content: "\e904"; }