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 2015-04-09 19:27:38 +02:00
parent 9b8a654d5b
commit 58e2035e10
7 changed files with 176 additions and 176 deletions

View File

@ -1,6 +1,6 @@
.@{prefix} { .@{ms-prefix} {
display: inline-block; 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; font-size: inherit;
line-height: 1em; line-height: 1em;
text-rendering: auto; text-rendering: auto;

View File

@ -1,7 +1,7 @@
/** /**
* Mana cost styles */ * Mana cost styles */
.@{prefix}-cost { .@{ms-prefix}-cost {
/** /**
* Base styles */ * Base styles */
@ -16,30 +16,30 @@
/** /**
* Single symbols */ * Single symbols */
&.@{prefix}-w, &.@{ms-prefix}-w,
&.@{prefix}-pw { &.@{ms-prefix}-pw {
background-color: #F0F2C0; background-color: #F0F2C0;
} }
&.@{prefix}-u, &.@{ms-prefix}-u,
&.@{prefix}-pu { &.@{ms-prefix}-pu {
background-color: #B5CDE3; background-color: #B5CDE3;
} }
&.@{prefix}-b, &.@{ms-prefix}-b,
&.@{prefix}-pb { &.@{ms-prefix}-pb {
background-color: #ACA29A; background-color: #ACA29A;
} }
&.@{prefix}-r, &.@{ms-prefix}-r,
&.@{prefix}-pr { &.@{ms-prefix}-pr {
background-color: #DB8664; background-color: #DB8664;
} }
&.@{prefix}-g, &.@{ms-prefix}-g,
&.@{prefix}-pg { &.@{ms-prefix}-pg {
background-color: #93B483; background-color: #93B483;
} }
/** /**
* Split symbols */ * Split symbols */
&.@{prefix}-wu { &.@{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+ */
@ -49,7 +49,7 @@
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 */
} }
&.@{prefix}-wb { &.@{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+ */
@ -59,7 +59,7 @@
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 */
} }
&.@{prefix}-ub { &.@{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+ */
@ -69,7 +69,7 @@
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 */
} }
&.@{prefix}-ur { &.@{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+ */
@ -79,7 +79,7 @@
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 */
} }
&.@{prefix}-br { &.@{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+ */
@ -89,7 +89,7 @@
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 */
} }
&.@{prefix}-bg { &.@{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+ */
@ -99,7 +99,7 @@
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 */
} }
&.@{prefix}-rw { &.@{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+ */
@ -109,7 +109,7 @@
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 */
} }
&.@{prefix}-rg { &.@{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+ */
@ -119,7 +119,7 @@
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 */
} }
&.@{prefix}-gw { &.@{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+ */
@ -129,7 +129,7 @@
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 */
} }
&.@{prefix}-gu { &.@{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+ */
@ -139,7 +139,7 @@
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 */
} }
&.@{prefix}-2w { &.@{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+ */
@ -149,7 +149,7 @@
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 */
} }
&.@{prefix}-2u { &.@{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+ */
@ -159,7 +159,7 @@
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 */
} }
&.@{prefix}-2b { &.@{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+ */
@ -169,7 +169,7 @@
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 */
} }
&.@{prefix}-2r { &.@{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+ */
@ -179,7 +179,7 @@
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 */
} }
&.@{prefix}-2g { &.@{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+ */
@ -192,12 +192,12 @@
/** /**
* Phyrexian mana and size increases */ * Phyrexian mana and size increases */
&.@{prefix}-p:before, &.@{ms-prefix}-p:before,
&.@{prefix}-pw:before, &.@{ms-prefix}-pw:before,
&.@{prefix}-pu:before, &.@{ms-prefix}-pu:before,
&.@{prefix}-pb:before, &.@{ms-prefix}-pb:before,
&.@{prefix}-pr:before, &.@{ms-prefix}-pr:before,
&.@{prefix}-pg:before { &.@{ms-prefix}-pg:before {
display: inline-block; display: inline-block;
-moz-transform: scale( 1.2, 1.2 ); -moz-transform: scale( 1.2, 1.2 );
-webkit-transform: scale( 1.2, 1.2 ); -webkit-transform: scale( 1.2, 1.2 );
@ -206,7 +206,7 @@
/** /**
* Alternate tap */ * Alternate tap */
&.@{prefix}-tap-alt:before { &.@{ms-prefix}-tap-alt:before {
display: inline-block; display: inline-block;
-moz-transform: scale( 1.2, 1.2 ); -moz-transform: scale( 1.2, 1.2 );
-webkit-transform: scale( 1.2, 1.2 ); -webkit-transform: scale( 1.2, 1.2 );
@ -217,7 +217,7 @@
/** /**
* Snow mana */ * Snow mana */
&.@{prefix}-s:before { &.@{ms-prefix}-s:before {
color: #fff; color: #fff;
-webkit-text-stroke: 2px #fff; -webkit-text-stroke: 2px #fff;
font-size: 0.85em; font-size: 0.85em;
@ -225,7 +225,7 @@
position: relative; position: relative;
display: inline-block; 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; //text-shadow: -1px 1px 0 #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, 1px 1px 0 #fff;
content: "\e619"; content: "\e619";
position: absolute; position: absolute;
@ -236,16 +236,16 @@
/** /**
* Tap symbols */ * Tap symbols */
&.@{prefix}-untap { &.@{ms-prefix}-untap {
background-color: #111; background-color: #111;
color: #fff; color: #fff;
} }
/** /**
* Shadow */ * Shadow */
&.@{prefix}-shadow { &.@{ms-prefix}-shadow {
box-shadow: -0.06em 0.07em 0 #111, 0 0.06em 0 #111; 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; box-shadow: -0.06em 0.07em 0 #fff, 0 0.06em 0 #fff;
} }
} }
@ -254,21 +254,21 @@
/** /**
* Split costs */ * Split costs */
.@{prefix}-split { .@{ms-prefix}-split {
position: relative; position: relative;
width: 1.3em; width: 1.3em;
height: 1.3em; height: 1.3em;
} }
.@{prefix}-split:before, .@{ms-prefix}-split:before,
.@{prefix}-split:after { .@{ms-prefix}-split:after {
font-size: 0.55em !important; font-size: 0.55em !important;
position: absolute; position: absolute;
} }
.@{prefix}-split:before { .@{ms-prefix}-split:before {
top: -0.38em; top: -0.38em;
left: 0.28em; left: 0.28em;
} }
.@{prefix}-split:after { .@{ms-prefix}-split:after {
top: 0.5em; top: 0.5em;
left: 1.0em; left: 1.0em;
} }

View File

@ -1,95 +1,95 @@
/** /**
* Mana */ * Mana */
.@{prefix}-w:before { content: "\e600"; } .@{ms-prefix}-w:before { content: "\e600"; }
.@{prefix}-u:before { content: "\e601"; } .@{ms-prefix}-u:before { content: "\e601"; }
.@{prefix}-b:before { content: "\e602"; } .@{ms-prefix}-b:before { content: "\e602"; }
.@{prefix}-r:before { content: "\e603"; } .@{ms-prefix}-r:before { content: "\e603"; }
.@{prefix}-g:before { content: "\e604"; } .@{ms-prefix}-g:before { content: "\e604"; }
.@{prefix}-0:before { content: "\e605"; } .@{ms-prefix}-0:before { content: "\e605"; }
.@{prefix}-1:before { content: "\e606"; } .@{ms-prefix}-1:before { content: "\e606"; }
.@{prefix}-2:before { content: "\e607"; } .@{ms-prefix}-2:before { content: "\e607"; }
.@{prefix}-3:before { content: "\e608"; } .@{ms-prefix}-3:before { content: "\e608"; }
.@{prefix}-4:before { content: "\e609"; } .@{ms-prefix}-4:before { content: "\e609"; }
.@{prefix}-5:before { content: "\e60a"; } .@{ms-prefix}-5:before { content: "\e60a"; }
.@{prefix}-6:before { content: "\e60b"; } .@{ms-prefix}-6:before { content: "\e60b"; }
.@{prefix}-7:before { content: "\e60c"; } .@{ms-prefix}-7:before { content: "\e60c"; }
.@{prefix}-8:before { content: "\e60d"; } .@{ms-prefix}-8:before { content: "\e60d"; }
.@{prefix}-9:before { content: "\e60e"; } .@{ms-prefix}-9:before { content: "\e60e"; }
.@{prefix}-10:before { content: "\e60f"; } .@{ms-prefix}-10:before { content: "\e60f"; }
.@{prefix}-11:before { content: "\e610"; } .@{ms-prefix}-11:before { content: "\e610"; }
.@{prefix}-12:before { content: "\e611"; } .@{ms-prefix}-12:before { content: "\e611"; }
.@{prefix}-13:before { content: "\e612"; } .@{ms-prefix}-13:before { content: "\e612"; }
.@{prefix}-14:before { content: "\e613"; } .@{ms-prefix}-14:before { content: "\e613"; }
.@{prefix}-15:before { content: "\e614"; } .@{ms-prefix}-15:before { content: "\e614"; }
.@{prefix}-x:before { content: "\e615"; } .@{ms-prefix}-x:before { content: "\e615"; }
.@{prefix}-y:before { content: "\e616"; } .@{ms-prefix}-y:before { content: "\e616"; }
.@{prefix}-z:before { content: "\e617"; } .@{ms-prefix}-z:before { content: "\e617"; }
.@{prefix}-p:before, .@{ms-prefix}-p:before,
.@{prefix}-pw:before, .@{ms-prefix}-pw:before,
.@{prefix}-pu:before, .@{ms-prefix}-pu:before,
.@{prefix}-pb:before, .@{ms-prefix}-pb:before,
.@{prefix}-pr:before, .@{ms-prefix}-pr:before,
.@{prefix}-pg:before { content: "\e618"; } .@{ms-prefix}-pg:before { content: "\e618"; }
.@{prefix}-s:before { content: "\e619"; } .@{ms-prefix}-s:before { content: "\e619"; }
/** /**
* Tap/roll symbols */ * Tap/roll symbols */
.@{prefix}-tap:before { content: "\e61a"; } .@{ms-prefix}-tap:before { content: "\e61a"; }
.@{prefix}-untap:before { content: "\e61b"; } .@{ms-prefix}-untap:before { content: "\e61b"; }
.@{prefix}-tap-alt:before { content: "\e61c"; } .@{ms-prefix}-tap-alt:before { content: "\e61c"; }
.@{prefix}-chaos:before { content: "\e61d"; } .@{ms-prefix}-chaos:before { content: "\e61d"; }
/** /**
* Card types */ * Card types */
.@{prefix}-artifact:before { content: "\e61e"; } .@{ms-prefix}-artifact:before { content: "\e61e"; }
.@{prefix}-creature:before { content: "\e61f"; } .@{ms-prefix}-creature:before { content: "\e61f"; }
.@{prefix}-enchantment:before { content: "\e620"; } .@{ms-prefix}-enchantment:before { content: "\e620"; }
.@{prefix}-instant:before { content: "\e621"; } .@{ms-prefix}-instant:before { content: "\e621"; }
.@{prefix}-land:before { content: "\e622"; } .@{ms-prefix}-land:before { content: "\e622"; }
.@{prefix}-planeswalker:before { content: "\e623"; } .@{ms-prefix}-planeswalker:before { content: "\e623"; }
.@{prefix}-sorcery:before { content: "\e624"; } .@{ms-prefix}-sorcery:before { content: "\e624"; }
/** /**
* Split symbols */ * Split symbols */
.@{prefix}-wu:before, .@{ms-prefix}-wu:before,
.@{prefix}-wb:before, .@{ms-prefix}-wb:before,
.@{prefix}-rw:after, .@{ms-prefix}-rw:after,
.@{prefix}-gw:after, .@{ms-prefix}-gw:after,
.@{prefix}-2w:after { content: "\e600"; } // white .@{ms-prefix}-2w:after { content: "\e600"; } // white
.@{prefix}-ub:before, .@{ms-prefix}-ub:before,
.@{prefix}-ur:before, .@{ms-prefix}-ur:before,
.@{prefix}-wu:after, .@{ms-prefix}-wu:after,
.@{prefix}-gu:after, .@{ms-prefix}-gu:after,
.@{prefix}-2u:after { content: "\e601"; } // blue .@{ms-prefix}-2u:after { content: "\e601"; } // blue
.@{prefix}-br:before, .@{ms-prefix}-br:before,
.@{prefix}-bg:before, .@{ms-prefix}-bg:before,
.@{prefix}-wb:after, .@{ms-prefix}-wb:after,
.@{prefix}-ub:after, .@{ms-prefix}-ub:after,
.@{prefix}-2b:after { content: "\e602"; } // black .@{ms-prefix}-2b:after { content: "\e602"; } // black
.@{prefix}-rw:before, .@{ms-prefix}-rw:before,
.@{prefix}-rg:before, .@{ms-prefix}-rg:before,
.@{prefix}-ur:after, .@{ms-prefix}-ur:after,
.@{prefix}-br:after, .@{ms-prefix}-br:after,
.@{prefix}-2r:after { content: "\e603"; } // red .@{ms-prefix}-2r:after { content: "\e603"; } // red
.@{prefix}-gw:before, .@{ms-prefix}-gw:before,
.@{prefix}-gu:before, .@{ms-prefix}-gu:before,
.@{prefix}-bg:after, .@{ms-prefix}-bg:after,
.@{prefix}-rg:after, .@{ms-prefix}-rg:after,
.@{prefix}-2g:after { content: "\e604"; } // green .@{ms-prefix}-2g:after { content: "\e604"; } // green
.@{prefix}-2w:before, .@{ms-prefix}-2w:before,
.@{prefix}-2u:before, .@{ms-prefix}-2u:before,
.@{prefix}-2b:before, .@{ms-prefix}-2b:before,
.@{prefix}-2r:before, .@{ms-prefix}-2r:before,
.@{prefix}-2g:before { content: "\e607"; } // 2 .@{ms-prefix}-2g:before { content: "\e607"; } // 2
/** /**
* Planeswalker symbols */ * Planeswalker symbols */
.@{prefix}-loyalty-up:before { content: "\e627"; } // Up .@{ms-prefix}-loyalty-up:before { content: "\e627"; } // Up
.@{prefix}-loyalty-down:before { content: "\e625"; } // Up .@{ms-prefix}-loyalty-down:before { content: "\e625"; } // Up
.@{prefix}-loyalty-zero:before { content: "\e626"; } // Up .@{ms-prefix}-loyalty-zero:before { content: "\e626"; } // Up
.@{prefix}-loyalty-start:before { content: "\e628"; } // Up .@{ms-prefix}-loyalty-start:before { content: "\e628"; } // Up

View File

@ -1,7 +1,7 @@
/** /**
* Planesalker symbols */ * Planesalker symbols */
.@{prefix}-loyalty { .@{ms-prefix}-loyalty {
// All // All
&-up, &-up,
@ -35,7 +35,7 @@
color: #fff; color: #fff;
display: inline-block; display: inline-block;
font-size: 0.5em; font-size: 0.5em;
font-family: @serif-font; font-family: @ms-serif-font;
position: absolute; position: absolute;
left: 0; left: 0;
line-height: 1.75em; line-height: 1.75em;
@ -45,43 +45,43 @@
} }
&-0:after { content: "0"; } &-0:after { content: "0"; }
&-up { &-up {
&.@{prefix}-loyalty-1:after { content: "+1"; } &.@{ms-prefix}-loyalty-1:after { content: "+1"; }
&.@{prefix}-loyalty-2:after { content: "+2"; } &.@{ms-prefix}-loyalty-2:after { content: "+2"; }
&.@{prefix}-loyalty-3:after { content: "+3"; } &.@{ms-prefix}-loyalty-3:after { content: "+3"; }
&.@{prefix}-loyalty-4:after { content: "+4"; } &.@{ms-prefix}-loyalty-4:after { content: "+4"; }
&.@{prefix}-loyalty-5:after { content: "+5"; } &.@{ms-prefix}-loyalty-5:after { content: "+5"; }
&.@{prefix}-loyalty-6:after { content: "+6"; } &.@{ms-prefix}-loyalty-6:after { content: "+6"; }
&.@{prefix}-loyalty-7:after { content: "+7"; } &.@{ms-prefix}-loyalty-7:after { content: "+7"; }
&.@{prefix}-loyalty-8:after { content: "+8"; } &.@{ms-prefix}-loyalty-8:after { content: "+8"; }
&.@{prefix}-loyalty-9:after { content: "+9"; } &.@{ms-prefix}-loyalty-9:after { content: "+9"; }
&.@{prefix}-loyalty-10:after { content: "+10"; } &.@{ms-prefix}-loyalty-10:after { content: "+10"; }
&.@{prefix}-loyalty-x:after { content: "+X"; } &.@{ms-prefix}-loyalty-x:after { content: "+X"; }
} }
&-start { &-start {
&.@{prefix}-loyalty-1:after { content: "1"; } &.@{ms-prefix}-loyalty-1:after { content: "1"; }
&.@{prefix}-loyalty-2:after { content: "2"; } &.@{ms-prefix}-loyalty-2:after { content: "2"; }
&.@{prefix}-loyalty-3:after { content: "3"; } &.@{ms-prefix}-loyalty-3:after { content: "3"; }
&.@{prefix}-loyalty-4:after { content: "4"; } &.@{ms-prefix}-loyalty-4:after { content: "4"; }
&.@{prefix}-loyalty-5:after { content: "5"; } &.@{ms-prefix}-loyalty-5:after { content: "5"; }
&.@{prefix}-loyalty-6:after { content: "6"; } &.@{ms-prefix}-loyalty-6:after { content: "6"; }
&.@{prefix}-loyalty-7:after { content: "7"; } &.@{ms-prefix}-loyalty-7:after { content: "7"; }
&.@{prefix}-loyalty-8:after { content: "8"; } &.@{ms-prefix}-loyalty-8:after { content: "8"; }
&.@{prefix}-loyalty-9:after { content: "9"; } &.@{ms-prefix}-loyalty-9:after { content: "9"; }
&.@{prefix}-loyalty-10:after { content: "10"; } &.@{ms-prefix}-loyalty-10:after { content: "10"; }
&.@{prefix}-loyalty-x:after { content: "X"; } &.@{ms-prefix}-loyalty-x:after { content: "X"; }
} }
&-down { &-down {
&:after{ line-height: 1.6em; } &:after{ line-height: 1.6em; }
&.@{prefix}-loyalty-1:after { content: "-1"; } &.@{ms-prefix}-loyalty-1:after { content: "-1"; }
&.@{prefix}-loyalty-2:after { content: "-2"; } &.@{ms-prefix}-loyalty-2:after { content: "-2"; }
&.@{prefix}-loyalty-3:after { content: "-3"; } &.@{ms-prefix}-loyalty-3:after { content: "-3"; }
&.@{prefix}-loyalty-4:after { content: "-4"; } &.@{ms-prefix}-loyalty-4:after { content: "-4"; }
&.@{prefix}-loyalty-5:after { content: "-5"; } &.@{ms-prefix}-loyalty-5:after { content: "-5"; }
&.@{prefix}-loyalty-6:after { content: "-6"; } &.@{ms-prefix}-loyalty-6:after { content: "-6"; }
&.@{prefix}-loyalty-7:after { content: "-7"; } &.@{ms-prefix}-loyalty-7:after { content: "-7"; }
&.@{prefix}-loyalty-8:after { content: "-8"; } &.@{ms-prefix}-loyalty-8:after { content: "-8"; }
&.@{prefix}-loyalty-9:after { content: "-9"; } &.@{ms-prefix}-loyalty-9:after { content: "-9"; }
&.@{prefix}-loyalty-10:after { content: "-10"; } &.@{ms-prefix}-loyalty-10:after { content: "-10"; }
&.@{prefix}-loyalty-x:after { content: "-X"; } &.@{ms-prefix}-loyalty-x:after { content: "-X"; }
} }
} }

View File

@ -1,21 +1,21 @@
@font-face { @font-face {
font-family: 'Mana'; font-family: 'Mana';
src:url( '@{font-path}/mana.eot?v=@{version}' ); src:url( '@{ms-font-path}/mana.eot?v=@{ms-version}' );
src:url( '@{font-path}/mana.eot?#iefix&v=@{version}') format( 'embedded-opentype' ), src:url( '@{ms-font-path}/mana.eot?#iefix&v=@{ms-version}') format( 'embedded-opentype' ),
url( '@{font-path}/mana.woff?v=@{version}') format( 'woff' ), url( '@{ms-font-path}/mana.woff?v=@{ms-version}') format( 'woff' ),
url( '@{font-path}/mana.ttf?v=@{version}') format( 'truetype' ), url( '@{ms-font-path}/mana.ttf?v=@{ms-version}') format( 'truetype' ),
url( '@{font-path}/mana.svg?v=@{version}#mana') format( 'svg' ); url( '@{ms-font-path}/mana.svg?v=@{ms-version}#mana') format( 'svg' );
font-weight: normal; font-weight: normal;
font-style: normal; font-style: normal;
} }
@font-face { @font-face {
font-family: 'MPlantin'; font-family: 'MPlantin';
src:url( '@{font-path}/mplantin.eot?v=@{version}' ); src:url( '@{ms-font-path}/mplantin.eot?v=@{ms-version}' );
src:url( '@{font-path}/mplantin.eot?#iefix&v=@{version}') format( 'embedded-opentype' ), src:url( '@{ms-font-path}/mplantin.eot?#iefix&v=@{ms-version}') format( 'embedded-opentype' ),
url( '@{font-path}/mplantin.woff?v=@{version}') format( 'woff' ), url( '@{ms-font-path}/mplantin.woff?v=@{ms-version}') format( 'woff' ),
url( '@{font-path}/mplantin.ttf?v=@{version}') format( 'truetype' ), url( '@{ms-font-path}/mplantin.ttf?v=@{ms-version}') format( 'truetype' ),
url( '@{font-path}/mplantin.svg?v=@{version}#mplantin') format( 'svg' ); url( '@{ms-font-path}/mplantin.svg?v=@{ms-version}#mplantin') format( 'svg' );
font-weight: normal; font-weight: normal;
font-style: normal; font-style: normal;
} }

View File

@ -1,8 +1,8 @@
/** /**
* Larger sizes */ * Larger sizes */
.@{prefix}-2x { font-size: 1.75em; } .@{ms-prefix}-2x { font-size: 1.75em; }
.@{prefix}-3x { font-size: 2.25em; } .@{ms-prefix}-3x { font-size: 2.25em; }
.@{prefix}-4x { font-size: 3.0em; } .@{ms-prefix}-4x { font-size: 3.0em; }
.@{prefix}-5x { font-size: 3.75em; } .@{ms-prefix}-5x { font-size: 3.75em; }
.@{prefix}-6x { font-size: 4.5em; } .@{ms-prefix}-6x { font-size: 4.5em; }

View File

@ -1,8 +1,8 @@
/** /**
* Global */ * Global */
@font-path: '../fonts'; @ms-font-path: '../fonts';
@version: '0.1'; @ms-version: '0.1';
@font-size-base: 14px; @ms-font-size-base: 14px;
@prefix: ms; @ms-prefix: ms;
@serif-font: 'MPlantin, Garamond, Palatino, 'Times New Roman', Times, serif'; @ms-serif-font: 'MPlantin, Garamond, Palatino, 'Times New Roman', Times, serif';