mirror of
https://github.com/andrewgioia/mana.git
synced 2024-11-21 22:54:45 +00:00
Add project specific prefix
* adding this prefix avoids rule overriding of keyrune set symbols if used both in one project
This commit is contained in:
Jörg Weber
parent
9b8a654d5b
commit
58e2035e10
@ -1,6 +1,6 @@
|
||||
.@{prefix} {
|
||||
.@{ms-prefix} {
|
||||
display: inline-block;
|
||||
font: normal normal normal @font-size-base/1 Mana;
|
||||
font: normal normal normal @ms-font-size-base/1 Mana;
|
||||
font-size: inherit;
|
||||
line-height: 1em;
|
||||
text-rendering: auto;
|
||||
|
||||
@ -1,7 +1,7 @@
|
||||
/**
|
||||
* Mana cost styles */
|
||||
|
||||
.@{prefix}-cost {
|
||||
.@{ms-prefix}-cost {
|
||||
|
||||
/**
|
||||
* Base styles */
|
||||
@ -16,30 +16,30 @@
|
||||
|
||||
/**
|
||||
* Single symbols */
|
||||
&.@{prefix}-w,
|
||||
&.@{prefix}-pw {
|
||||
&.@{ms-prefix}-w,
|
||||
&.@{ms-prefix}-pw {
|
||||
background-color: #F0F2C0;
|
||||
}
|
||||
&.@{prefix}-u,
|
||||
&.@{prefix}-pu {
|
||||
&.@{ms-prefix}-u,
|
||||
&.@{ms-prefix}-pu {
|
||||
background-color: #B5CDE3;
|
||||
}
|
||||
&.@{prefix}-b,
|
||||
&.@{prefix}-pb {
|
||||
&.@{ms-prefix}-b,
|
||||
&.@{ms-prefix}-pb {
|
||||
background-color: #ACA29A;
|
||||
}
|
||||
&.@{prefix}-r,
|
||||
&.@{prefix}-pr {
|
||||
&.@{ms-prefix}-r,
|
||||
&.@{ms-prefix}-pr {
|
||||
background-color: #DB8664;
|
||||
}
|
||||
&.@{prefix}-g,
|
||||
&.@{prefix}-pg {
|
||||
&.@{ms-prefix}-g,
|
||||
&.@{ms-prefix}-pg {
|
||||
background-color: #93B483;
|
||||
}
|
||||
|
||||
/**
|
||||
* Split symbols */
|
||||
&.@{prefix}-wu {
|
||||
&.@{ms-prefix}-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+ */
|
||||
@ -49,7 +49,7 @@
|
||||
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 */
|
||||
}
|
||||
&.@{prefix}-wb {
|
||||
&.@{ms-prefix}-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+ */
|
||||
@ -59,7 +59,7 @@
|
||||
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 */
|
||||
}
|
||||
&.@{prefix}-ub {
|
||||
&.@{ms-prefix}-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+ */
|
||||
@ -69,7 +69,7 @@
|
||||
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 */
|
||||
}
|
||||
&.@{prefix}-ur {
|
||||
&.@{ms-prefix}-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+ */
|
||||
@ -79,7 +79,7 @@
|
||||
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 */
|
||||
}
|
||||
&.@{prefix}-br {
|
||||
&.@{ms-prefix}-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+ */
|
||||
@ -89,7 +89,7 @@
|
||||
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 */
|
||||
}
|
||||
&.@{prefix}-bg {
|
||||
&.@{ms-prefix}-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+ */
|
||||
@ -99,7 +99,7 @@
|
||||
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 */
|
||||
}
|
||||
&.@{prefix}-rw {
|
||||
&.@{ms-prefix}-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+ */
|
||||
@ -109,7 +109,7 @@
|
||||
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 */
|
||||
}
|
||||
&.@{prefix}-rg {
|
||||
&.@{ms-prefix}-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+ */
|
||||
@ -119,7 +119,7 @@
|
||||
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 */
|
||||
}
|
||||
&.@{prefix}-gw {
|
||||
&.@{ms-prefix}-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+ */
|
||||
@ -129,7 +129,7 @@
|
||||
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 */
|
||||
}
|
||||
&.@{prefix}-gu {
|
||||
&.@{ms-prefix}-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+ */
|
||||
@ -139,7 +139,7 @@
|
||||
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 */
|
||||
}
|
||||
&.@{prefix}-2w {
|
||||
&.@{ms-prefix}-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+ */
|
||||
@ -149,7 +149,7 @@
|
||||
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 */
|
||||
}
|
||||
&.@{prefix}-2u {
|
||||
&.@{ms-prefix}-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+ */
|
||||
@ -159,7 +159,7 @@
|
||||
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 */
|
||||
}
|
||||
&.@{prefix}-2b {
|
||||
&.@{ms-prefix}-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+ */
|
||||
@ -169,7 +169,7 @@
|
||||
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 */
|
||||
}
|
||||
&.@{prefix}-2r {
|
||||
&.@{ms-prefix}-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+ */
|
||||
@ -179,7 +179,7 @@
|
||||
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 */
|
||||
}
|
||||
&.@{prefix}-2g {
|
||||
&.@{ms-prefix}-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+ */
|
||||
@ -192,12 +192,12 @@
|
||||
|
||||
/**
|
||||
* Phyrexian mana and size increases */
|
||||
&.@{prefix}-p:before,
|
||||
&.@{prefix}-pw:before,
|
||||
&.@{prefix}-pu:before,
|
||||
&.@{prefix}-pb:before,
|
||||
&.@{prefix}-pr:before,
|
||||
&.@{prefix}-pg:before {
|
||||
&.@{ms-prefix}-p:before,
|
||||
&.@{ms-prefix}-pw:before,
|
||||
&.@{ms-prefix}-pu:before,
|
||||
&.@{ms-prefix}-pb:before,
|
||||
&.@{ms-prefix}-pr:before,
|
||||
&.@{ms-prefix}-pg:before {
|
||||
display: inline-block;
|
||||
-moz-transform: scale( 1.2, 1.2 );
|
||||
-webkit-transform: scale( 1.2, 1.2 );
|
||||
@ -206,7 +206,7 @@
|
||||
|
||||
/**
|
||||
* Alternate tap */
|
||||
&.@{prefix}-tap-alt:before {
|
||||
&.@{ms-prefix}-tap-alt:before {
|
||||
display: inline-block;
|
||||
-moz-transform: scale( 1.2, 1.2 );
|
||||
-webkit-transform: scale( 1.2, 1.2 );
|
||||
@ -217,7 +217,7 @@
|
||||
|
||||
/**
|
||||
* Snow mana */
|
||||
&.@{prefix}-s:before {
|
||||
&.@{ms-prefix}-s:before {
|
||||
color: #fff;
|
||||
-webkit-text-stroke: 2px #fff;
|
||||
font-size: 0.85em;
|
||||
@ -225,7 +225,7 @@
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
}
|
||||
&.@{prefix}-s:after {
|
||||
&.@{ms-prefix}-s:after {
|
||||
//text-shadow: -1px 1px 0 #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, 1px 1px 0 #fff;
|
||||
content: "\e619";
|
||||
position: absolute;
|
||||
@ -236,16 +236,16 @@
|
||||
|
||||
/**
|
||||
* Tap symbols */
|
||||
&.@{prefix}-untap {
|
||||
&.@{ms-prefix}-untap {
|
||||
background-color: #111;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/**
|
||||
* Shadow */
|
||||
&.@{prefix}-shadow {
|
||||
&.@{ms-prefix}-shadow {
|
||||
box-shadow: -0.06em 0.07em 0 #111, 0 0.06em 0 #111;
|
||||
&.@{prefix}-untap {
|
||||
&.@{ms-prefix}-untap {
|
||||
box-shadow: -0.06em 0.07em 0 #fff, 0 0.06em 0 #fff;
|
||||
}
|
||||
}
|
||||
@ -254,21 +254,21 @@
|
||||
/**
|
||||
* Split costs */
|
||||
|
||||
.@{prefix}-split {
|
||||
.@{ms-prefix}-split {
|
||||
position: relative;
|
||||
width: 1.3em;
|
||||
height: 1.3em;
|
||||
}
|
||||
.@{prefix}-split:before,
|
||||
.@{prefix}-split:after {
|
||||
.@{ms-prefix}-split:before,
|
||||
.@{ms-prefix}-split:after {
|
||||
font-size: 0.55em !important;
|
||||
position: absolute;
|
||||
}
|
||||
.@{prefix}-split:before {
|
||||
.@{ms-prefix}-split:before {
|
||||
top: -0.38em;
|
||||
left: 0.28em;
|
||||
}
|
||||
.@{prefix}-split:after {
|
||||
.@{ms-prefix}-split:after {
|
||||
top: 0.5em;
|
||||
left: 1.0em;
|
||||
}
|
||||
|
||||
152
less/icons.less
152
less/icons.less
@ -1,95 +1,95 @@
|
||||
/**
|
||||
* Mana */
|
||||
|
||||
.@{prefix}-w:before { content: "\e600"; }
|
||||
.@{prefix}-u:before { content: "\e601"; }
|
||||
.@{prefix}-b:before { content: "\e602"; }
|
||||
.@{prefix}-r:before { content: "\e603"; }
|
||||
.@{prefix}-g:before { content: "\e604"; }
|
||||
.@{prefix}-0:before { content: "\e605"; }
|
||||
.@{prefix}-1:before { content: "\e606"; }
|
||||
.@{prefix}-2:before { content: "\e607"; }
|
||||
.@{prefix}-3:before { content: "\e608"; }
|
||||
.@{prefix}-4:before { content: "\e609"; }
|
||||
.@{prefix}-5:before { content: "\e60a"; }
|
||||
.@{prefix}-6:before { content: "\e60b"; }
|
||||
.@{prefix}-7:before { content: "\e60c"; }
|
||||
.@{prefix}-8:before { content: "\e60d"; }
|
||||
.@{prefix}-9:before { content: "\e60e"; }
|
||||
.@{prefix}-10:before { content: "\e60f"; }
|
||||
.@{prefix}-11:before { content: "\e610"; }
|
||||
.@{prefix}-12:before { content: "\e611"; }
|
||||
.@{prefix}-13:before { content: "\e612"; }
|
||||
.@{prefix}-14:before { content: "\e613"; }
|
||||
.@{prefix}-15:before { content: "\e614"; }
|
||||
.@{prefix}-x:before { content: "\e615"; }
|
||||
.@{prefix}-y:before { content: "\e616"; }
|
||||
.@{prefix}-z:before { content: "\e617"; }
|
||||
.@{prefix}-p:before,
|
||||
.@{prefix}-pw:before,
|
||||
.@{prefix}-pu:before,
|
||||
.@{prefix}-pb:before,
|
||||
.@{prefix}-pr:before,
|
||||
.@{prefix}-pg:before { content: "\e618"; }
|
||||
.@{prefix}-s:before { content: "\e619"; }
|
||||
.@{ms-prefix}-w:before { content: "\e600"; }
|
||||
.@{ms-prefix}-u:before { content: "\e601"; }
|
||||
.@{ms-prefix}-b:before { content: "\e602"; }
|
||||
.@{ms-prefix}-r:before { content: "\e603"; }
|
||||
.@{ms-prefix}-g:before { content: "\e604"; }
|
||||
.@{ms-prefix}-0:before { content: "\e605"; }
|
||||
.@{ms-prefix}-1:before { content: "\e606"; }
|
||||
.@{ms-prefix}-2:before { content: "\e607"; }
|
||||
.@{ms-prefix}-3:before { content: "\e608"; }
|
||||
.@{ms-prefix}-4:before { content: "\e609"; }
|
||||
.@{ms-prefix}-5:before { content: "\e60a"; }
|
||||
.@{ms-prefix}-6:before { content: "\e60b"; }
|
||||
.@{ms-prefix}-7:before { content: "\e60c"; }
|
||||
.@{ms-prefix}-8:before { content: "\e60d"; }
|
||||
.@{ms-prefix}-9:before { content: "\e60e"; }
|
||||
.@{ms-prefix}-10:before { content: "\e60f"; }
|
||||
.@{ms-prefix}-11:before { content: "\e610"; }
|
||||
.@{ms-prefix}-12:before { content: "\e611"; }
|
||||
.@{ms-prefix}-13:before { content: "\e612"; }
|
||||
.@{ms-prefix}-14:before { content: "\e613"; }
|
||||
.@{ms-prefix}-15:before { content: "\e614"; }
|
||||
.@{ms-prefix}-x:before { content: "\e615"; }
|
||||
.@{ms-prefix}-y:before { content: "\e616"; }
|
||||
.@{ms-prefix}-z:before { content: "\e617"; }
|
||||
.@{ms-prefix}-p:before,
|
||||
.@{ms-prefix}-pw:before,
|
||||
.@{ms-prefix}-pu:before,
|
||||
.@{ms-prefix}-pb:before,
|
||||
.@{ms-prefix}-pr:before,
|
||||
.@{ms-prefix}-pg:before { content: "\e618"; }
|
||||
.@{ms-prefix}-s:before { content: "\e619"; }
|
||||
|
||||
/**
|
||||
* Tap/roll symbols */
|
||||
|
||||
.@{prefix}-tap:before { content: "\e61a"; }
|
||||
.@{prefix}-untap:before { content: "\e61b"; }
|
||||
.@{prefix}-tap-alt:before { content: "\e61c"; }
|
||||
.@{prefix}-chaos:before { content: "\e61d"; }
|
||||
.@{ms-prefix}-tap:before { content: "\e61a"; }
|
||||
.@{ms-prefix}-untap:before { content: "\e61b"; }
|
||||
.@{ms-prefix}-tap-alt:before { content: "\e61c"; }
|
||||
.@{ms-prefix}-chaos:before { content: "\e61d"; }
|
||||
|
||||
/**
|
||||
* Card types */
|
||||
|
||||
.@{prefix}-artifact:before { content: "\e61e"; }
|
||||
.@{prefix}-creature:before { content: "\e61f"; }
|
||||
.@{prefix}-enchantment:before { content: "\e620"; }
|
||||
.@{prefix}-instant:before { content: "\e621"; }
|
||||
.@{prefix}-land:before { content: "\e622"; }
|
||||
.@{prefix}-planeswalker:before { content: "\e623"; }
|
||||
.@{prefix}-sorcery:before { content: "\e624"; }
|
||||
.@{ms-prefix}-artifact:before { content: "\e61e"; }
|
||||
.@{ms-prefix}-creature:before { content: "\e61f"; }
|
||||
.@{ms-prefix}-enchantment:before { content: "\e620"; }
|
||||
.@{ms-prefix}-instant:before { content: "\e621"; }
|
||||
.@{ms-prefix}-land:before { content: "\e622"; }
|
||||
.@{ms-prefix}-planeswalker:before { content: "\e623"; }
|
||||
.@{ms-prefix}-sorcery:before { content: "\e624"; }
|
||||
|
||||
/**
|
||||
* Split symbols */
|
||||
|
||||
.@{prefix}-wu:before,
|
||||
.@{prefix}-wb:before,
|
||||
.@{prefix}-rw:after,
|
||||
.@{prefix}-gw:after,
|
||||
.@{prefix}-2w:after { content: "\e600"; } // white
|
||||
.@{prefix}-ub:before,
|
||||
.@{prefix}-ur:before,
|
||||
.@{prefix}-wu:after,
|
||||
.@{prefix}-gu:after,
|
||||
.@{prefix}-2u:after { content: "\e601"; } // blue
|
||||
.@{prefix}-br:before,
|
||||
.@{prefix}-bg:before,
|
||||
.@{prefix}-wb:after,
|
||||
.@{prefix}-ub:after,
|
||||
.@{prefix}-2b:after { content: "\e602"; } // black
|
||||
.@{prefix}-rw:before,
|
||||
.@{prefix}-rg:before,
|
||||
.@{prefix}-ur:after,
|
||||
.@{prefix}-br:after,
|
||||
.@{prefix}-2r:after { content: "\e603"; } // red
|
||||
.@{prefix}-gw:before,
|
||||
.@{prefix}-gu:before,
|
||||
.@{prefix}-bg:after,
|
||||
.@{prefix}-rg:after,
|
||||
.@{prefix}-2g:after { content: "\e604"; } // green
|
||||
.@{prefix}-2w:before,
|
||||
.@{prefix}-2u:before,
|
||||
.@{prefix}-2b:before,
|
||||
.@{prefix}-2r:before,
|
||||
.@{prefix}-2g:before { content: "\e607"; } // 2
|
||||
.@{ms-prefix}-wu:before,
|
||||
.@{ms-prefix}-wb:before,
|
||||
.@{ms-prefix}-rw:after,
|
||||
.@{ms-prefix}-gw:after,
|
||||
.@{ms-prefix}-2w:after { content: "\e600"; } // white
|
||||
.@{ms-prefix}-ub:before,
|
||||
.@{ms-prefix}-ur:before,
|
||||
.@{ms-prefix}-wu:after,
|
||||
.@{ms-prefix}-gu:after,
|
||||
.@{ms-prefix}-2u:after { content: "\e601"; } // blue
|
||||
.@{ms-prefix}-br:before,
|
||||
.@{ms-prefix}-bg:before,
|
||||
.@{ms-prefix}-wb:after,
|
||||
.@{ms-prefix}-ub:after,
|
||||
.@{ms-prefix}-2b:after { content: "\e602"; } // black
|
||||
.@{ms-prefix}-rw:before,
|
||||
.@{ms-prefix}-rg:before,
|
||||
.@{ms-prefix}-ur:after,
|
||||
.@{ms-prefix}-br:after,
|
||||
.@{ms-prefix}-2r:after { content: "\e603"; } // red
|
||||
.@{ms-prefix}-gw:before,
|
||||
.@{ms-prefix}-gu:before,
|
||||
.@{ms-prefix}-bg:after,
|
||||
.@{ms-prefix}-rg:after,
|
||||
.@{ms-prefix}-2g:after { content: "\e604"; } // green
|
||||
.@{ms-prefix}-2w:before,
|
||||
.@{ms-prefix}-2u:before,
|
||||
.@{ms-prefix}-2b:before,
|
||||
.@{ms-prefix}-2r:before,
|
||||
.@{ms-prefix}-2g:before { content: "\e607"; } // 2
|
||||
|
||||
/**
|
||||
* Planeswalker symbols */
|
||||
|
||||
.@{prefix}-loyalty-up:before { content: "\e627"; } // Up
|
||||
.@{prefix}-loyalty-down:before { content: "\e625"; } // Up
|
||||
.@{prefix}-loyalty-zero:before { content: "\e626"; } // Up
|
||||
.@{prefix}-loyalty-start:before { content: "\e628"; } // Up
|
||||
.@{ms-prefix}-loyalty-up:before { content: "\e627"; } // Up
|
||||
.@{ms-prefix}-loyalty-down:before { content: "\e625"; } // Up
|
||||
.@{ms-prefix}-loyalty-zero:before { content: "\e626"; } // Up
|
||||
.@{ms-prefix}-loyalty-start:before { content: "\e628"; } // Up
|
||||
|
||||
@ -1,7 +1,7 @@
|
||||
/**
|
||||
* Planesalker symbols */
|
||||
|
||||
.@{prefix}-loyalty {
|
||||
.@{ms-prefix}-loyalty {
|
||||
|
||||
// All
|
||||
&-up,
|
||||
@ -35,7 +35,7 @@
|
||||
color: #fff;
|
||||
display: inline-block;
|
||||
font-size: 0.5em;
|
||||
font-family: @serif-font;
|
||||
font-family: @ms-serif-font;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
line-height: 1.75em;
|
||||
@ -45,43 +45,43 @@
|
||||
}
|
||||
&-0:after { content: "0"; }
|
||||
&-up {
|
||||
&.@{prefix}-loyalty-1:after { content: "+1"; }
|
||||
&.@{prefix}-loyalty-2:after { content: "+2"; }
|
||||
&.@{prefix}-loyalty-3:after { content: "+3"; }
|
||||
&.@{prefix}-loyalty-4:after { content: "+4"; }
|
||||
&.@{prefix}-loyalty-5:after { content: "+5"; }
|
||||
&.@{prefix}-loyalty-6:after { content: "+6"; }
|
||||
&.@{prefix}-loyalty-7:after { content: "+7"; }
|
||||
&.@{prefix}-loyalty-8:after { content: "+8"; }
|
||||
&.@{prefix}-loyalty-9:after { content: "+9"; }
|
||||
&.@{prefix}-loyalty-10:after { content: "+10"; }
|
||||
&.@{prefix}-loyalty-x:after { content: "+X"; }
|
||||
&.@{ms-prefix}-loyalty-1:after { content: "+1"; }
|
||||
&.@{ms-prefix}-loyalty-2:after { content: "+2"; }
|
||||
&.@{ms-prefix}-loyalty-3:after { content: "+3"; }
|
||||
&.@{ms-prefix}-loyalty-4:after { content: "+4"; }
|
||||
&.@{ms-prefix}-loyalty-5:after { content: "+5"; }
|
||||
&.@{ms-prefix}-loyalty-6:after { content: "+6"; }
|
||||
&.@{ms-prefix}-loyalty-7:after { content: "+7"; }
|
||||
&.@{ms-prefix}-loyalty-8:after { content: "+8"; }
|
||||
&.@{ms-prefix}-loyalty-9:after { content: "+9"; }
|
||||
&.@{ms-prefix}-loyalty-10:after { content: "+10"; }
|
||||
&.@{ms-prefix}-loyalty-x:after { content: "+X"; }
|
||||
}
|
||||
&-start {
|
||||
&.@{prefix}-loyalty-1:after { content: "1"; }
|
||||
&.@{prefix}-loyalty-2:after { content: "2"; }
|
||||
&.@{prefix}-loyalty-3:after { content: "3"; }
|
||||
&.@{prefix}-loyalty-4:after { content: "4"; }
|
||||
&.@{prefix}-loyalty-5:after { content: "5"; }
|
||||
&.@{prefix}-loyalty-6:after { content: "6"; }
|
||||
&.@{prefix}-loyalty-7:after { content: "7"; }
|
||||
&.@{prefix}-loyalty-8:after { content: "8"; }
|
||||
&.@{prefix}-loyalty-9:after { content: "9"; }
|
||||
&.@{prefix}-loyalty-10:after { content: "10"; }
|
||||
&.@{prefix}-loyalty-x:after { content: "X"; }
|
||||
&.@{ms-prefix}-loyalty-1:after { content: "1"; }
|
||||
&.@{ms-prefix}-loyalty-2:after { content: "2"; }
|
||||
&.@{ms-prefix}-loyalty-3:after { content: "3"; }
|
||||
&.@{ms-prefix}-loyalty-4:after { content: "4"; }
|
||||
&.@{ms-prefix}-loyalty-5:after { content: "5"; }
|
||||
&.@{ms-prefix}-loyalty-6:after { content: "6"; }
|
||||
&.@{ms-prefix}-loyalty-7:after { content: "7"; }
|
||||
&.@{ms-prefix}-loyalty-8:after { content: "8"; }
|
||||
&.@{ms-prefix}-loyalty-9:after { content: "9"; }
|
||||
&.@{ms-prefix}-loyalty-10:after { content: "10"; }
|
||||
&.@{ms-prefix}-loyalty-x:after { content: "X"; }
|
||||
}
|
||||
&-down {
|
||||
&:after{ line-height: 1.6em; }
|
||||
&.@{prefix}-loyalty-1:after { content: "-1"; }
|
||||
&.@{prefix}-loyalty-2:after { content: "-2"; }
|
||||
&.@{prefix}-loyalty-3:after { content: "-3"; }
|
||||
&.@{prefix}-loyalty-4:after { content: "-4"; }
|
||||
&.@{prefix}-loyalty-5:after { content: "-5"; }
|
||||
&.@{prefix}-loyalty-6:after { content: "-6"; }
|
||||
&.@{prefix}-loyalty-7:after { content: "-7"; }
|
||||
&.@{prefix}-loyalty-8:after { content: "-8"; }
|
||||
&.@{prefix}-loyalty-9:after { content: "-9"; }
|
||||
&.@{prefix}-loyalty-10:after { content: "-10"; }
|
||||
&.@{prefix}-loyalty-x:after { content: "-X"; }
|
||||
&.@{ms-prefix}-loyalty-1:after { content: "-1"; }
|
||||
&.@{ms-prefix}-loyalty-2:after { content: "-2"; }
|
||||
&.@{ms-prefix}-loyalty-3:after { content: "-3"; }
|
||||
&.@{ms-prefix}-loyalty-4:after { content: "-4"; }
|
||||
&.@{ms-prefix}-loyalty-5:after { content: "-5"; }
|
||||
&.@{ms-prefix}-loyalty-6:after { content: "-6"; }
|
||||
&.@{ms-prefix}-loyalty-7:after { content: "-7"; }
|
||||
&.@{ms-prefix}-loyalty-8:after { content: "-8"; }
|
||||
&.@{ms-prefix}-loyalty-9:after { content: "-9"; }
|
||||
&.@{ms-prefix}-loyalty-10:after { content: "-10"; }
|
||||
&.@{ms-prefix}-loyalty-x:after { content: "-X"; }
|
||||
}
|
||||
}
|
||||
|
||||
@ -1,21 +1,21 @@
|
||||
@font-face {
|
||||
font-family: 'Mana';
|
||||
src:url( '@{font-path}/mana.eot?v=@{version}' );
|
||||
src:url( '@{font-path}/mana.eot?#iefix&v=@{version}') format( 'embedded-opentype' ),
|
||||
url( '@{font-path}/mana.woff?v=@{version}') format( 'woff' ),
|
||||
url( '@{font-path}/mana.ttf?v=@{version}') format( 'truetype' ),
|
||||
url( '@{font-path}/mana.svg?v=@{version}#mana') format( 'svg' );
|
||||
src:url( '@{ms-font-path}/mana.eot?v=@{ms-version}' );
|
||||
src:url( '@{ms-font-path}/mana.eot?#iefix&v=@{ms-version}') format( 'embedded-opentype' ),
|
||||
url( '@{ms-font-path}/mana.woff?v=@{ms-version}') format( 'woff' ),
|
||||
url( '@{ms-font-path}/mana.ttf?v=@{ms-version}') format( 'truetype' ),
|
||||
url( '@{ms-font-path}/mana.svg?v=@{ms-version}#mana') format( 'svg' );
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'MPlantin';
|
||||
src:url( '@{font-path}/mplantin.eot?v=@{version}' );
|
||||
src:url( '@{font-path}/mplantin.eot?#iefix&v=@{version}') format( 'embedded-opentype' ),
|
||||
url( '@{font-path}/mplantin.woff?v=@{version}') format( 'woff' ),
|
||||
url( '@{font-path}/mplantin.ttf?v=@{version}') format( 'truetype' ),
|
||||
url( '@{font-path}/mplantin.svg?v=@{version}#mplantin') format( 'svg' );
|
||||
src:url( '@{ms-font-path}/mplantin.eot?v=@{ms-version}' );
|
||||
src:url( '@{ms-font-path}/mplantin.eot?#iefix&v=@{ms-version}') format( 'embedded-opentype' ),
|
||||
url( '@{ms-font-path}/mplantin.woff?v=@{ms-version}') format( 'woff' ),
|
||||
url( '@{ms-font-path}/mplantin.ttf?v=@{ms-version}') format( 'truetype' ),
|
||||
url( '@{ms-font-path}/mplantin.svg?v=@{ms-version}#mplantin') format( 'svg' );
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
@ -1,8 +1,8 @@
|
||||
/**
|
||||
* Larger sizes */
|
||||
|
||||
.@{prefix}-2x { font-size: 1.75em; }
|
||||
.@{prefix}-3x { font-size: 2.25em; }
|
||||
.@{prefix}-4x { font-size: 3.0em; }
|
||||
.@{prefix}-5x { font-size: 3.75em; }
|
||||
.@{prefix}-6x { font-size: 4.5em; }
|
||||
.@{ms-prefix}-2x { font-size: 1.75em; }
|
||||
.@{ms-prefix}-3x { font-size: 2.25em; }
|
||||
.@{ms-prefix}-4x { font-size: 3.0em; }
|
||||
.@{ms-prefix}-5x { font-size: 3.75em; }
|
||||
.@{ms-prefix}-6x { font-size: 4.5em; }
|
||||
|
||||
@ -1,8 +1,8 @@
|
||||
/**
|
||||
* Global */
|
||||
|
||||
@font-path: '../fonts';
|
||||
@version: '0.1';
|
||||
@font-size-base: 14px;
|
||||
@prefix: ms;
|
||||
@serif-font: 'MPlantin, Garamond, Palatino, 'Times New Roman', Times, serif';
|
||||
@ms-font-path: '../fonts';
|
||||
@ms-version: '0.1';
|
||||
@ms-font-size-base: 14px;
|
||||
@ms-prefix: ms;
|
||||
@ms-serif-font: 'MPlantin, Garamond, Palatino, 'Times New Roman', Times, serif';
|
||||
|
||||
Loading…
Reference in New Issue
Block a user