Removing old bower files

This commit is contained in:
Andrew Gioia 2018-07-25 16:03:58 -04:00
parent 1b198e3125
commit 232ab29320
25 changed files with 0 additions and 3297 deletions

View File

@ -1,40 +0,0 @@
{
"name": "mana",
"homepage": "https://github.com/andrewgioia/Mana",
"authors": [
"Andrew Gioia <andrewgioia@gmail.com>"
],
"description": "Magic: the Gathering mana symbol pictographic font",
"main": [
"css/mana.css"
],
"moduleType": [],
"keywords": [
"mana",
"mtg",
"mana symbols",
"magic",
"gathering",
"font"
],
"license": "MIT",
"private": true,
"ignore": [
"**/.*",
"node_modules",
"bower_components",
"test",
"tests",
".git",
".gitignore"
],
"_release": "e36bd4b9e7",
"_resolution": {
"type": "branch",
"branch": "master",
"commit": "e36bd4b9e72917ad9e98d1752af537b51337b5c4"
},
"_source": "https://github.com/andrewgioia/Mana.git",
"_target": "*",
"_originalSource": "mana"
}

View File

@ -1,68 +0,0 @@
# Mana v1.3.1
## The Magic: the Gathering mana symbol font!
**New:** view the [documentation site](https://andrewgioia.github.io/Mana) to see Mana in action!
Mana is a complete set of Magic: the Gathering mana, tap, and card type symbols as a pictographic font. You can use this font anywhere you want to display mana and tap symbols&mdash;in your MtG app or website, documents, card images, anything!
## Installing
The easiest way to get Mana into your project is to use either the Bower or NPM packages, depending on your package manager:
```shell
$> bower install mana
```
```shell
$> npm install mana-font
```
We've registered `mana` with [Bower](https://bower.io/#getting-started) and 'mana-font' with [NPM](https://docs.npmjs.com/getting-started/what-is-npm). Just install using the above commands in your project and you can edit anything as needed.
You can also download the [zip file](https://github.com/andrewgioia/Mana/archive/master.zip) here at Github and use the font files and CSS files in your project as needed.
## Usage
Each mana symbol has its own font character. Display them in a manner similar to [Keyrune](http://andrewgioia.github.io/Keyrune) using the `<i class="ms ms-g"></i>` element and class syntax. Class name codes are based on textual mana symbol codes (like g for Green or 3 for, well, {3}).
To use Mana, move the web font files to your `/fonts` directory and include the mana.css stylesheet in your `<head>`:
```html
<link href="css/mana.css" rel="stylesheet" type="text/css" />
```
## Editing the Source
Feel free to edit the source files and compile Mana to fit your needs. Currently LESS is supported, with Sass coming soon.
## Using Mana on the Desktop
If you'd like to use Mana as a desktop font (e.g., in a Word document) there are a few steps and things to know. First, to get it loaded on your system just download the [latest zip file](https://github.com/andrewgioia/Mana/archive/master.zip), extract it, and navigate to `Mana-master\fonts`. In there, install the `mana.ttf` font (typically by double clicking it).
Mana uses [private use characters](https://en.wikipedia.org/wiki/Private_Use_Areas) for the font glyphs so you unfortunately can't normally "type" anything in Word to see the symbols. To do so, open up the [Mana Cheatsheet](http://andrewgioia.github.io/Mana/cheatsheet.html) and copy the symbol you want, then paste it into Word (or whatever software you're using).
## License
All mana, tap, and card type symbol images are copyright Wizards of the Coast ([http://magicthegathering.com](http://magicthegathering.com))
The Mana font is licensed under the the SIL OFL 1.1 ([http://scripts.sil.org/OFL](http://scripts.sil.org/OFL))
Mana CSS, LESS, and Sass files are licensed under the MIT License ([http://opensource.org/licenses/mit-license.html](http://opensource.org/licenses/mit-license.html))
Attribution is **greatly appreciated** but not required!
## Changelog
* v1.3.1 - fixed class name issue for 1,000,000 symbol
* v1.3.0 - added Guild and Clan symbols
* v1.2.0 - added DFC symbols for the Origins planeswalkers (ignite and spark) and the Eldritch Moon meld cards (emrakul and moon)
* v1.1.0 - added the new Energy symbol
* v1.0.1 - added classes for -12 and -14 loyalty (sorry Jace and Karn!)
* v1.0 - new documentation page at http://andrewgioia.github.io/Mana/
* v0.6 - adding double-faced card symbols (day, night)
* v0.5 - adding the new colorless wastes symbol
* v0.4 - adding classes for 16, 17, 18, 19, and 20 symbols
* v0.3 - phyrexian mana classes use MTGJson standard; project-specific LESS prefix added (@JayGray)
* v0.2 - Flashback symbol added
* v0.1 - initial font creation and CSS/LESS files added

View File

@ -1,32 +0,0 @@
{
"name": "mana",
"homepage": "https://github.com/andrewgioia/Mana",
"version": "1.3.0",
"authors": [
"Andrew Gioia <andrewgioia@gmail.com>"
],
"description": "Magic: the Gathering mana symbol pictographic font",
"main": [
"css/mana.css"
],
"moduleType": [],
"keywords": [
"mana",
"mtg",
"mana symbols",
"magic",
"gathering",
"font"
],
"license": "MIT",
"private": true,
"ignore": [
"**/.*",
"node_modules",
"bower_components",
"test",
"tests",
".git",
".gitignore"
]
}

View File

@ -1,770 +0,0 @@
/**
* Global */
@font-face {
font-family: 'Mana';
src: url('../fonts/mana.eot?v=1.3.1');
src: url('../fonts/mana.eot?#iefix&v=1.3.1') format('embedded-opentype'), url('../fonts/mana.woff?v=1.3.1') format('woff'), url('../fonts/mana.ttf?v=1.3.1') format('truetype'), url('../fonts/mana.svg?v=1.3.1#mana') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'MPlantin';
src: url('../fonts/mplantin.eot?v=1.3.1');
src: url('../fonts/mplantin.eot?#iefix&v=1.3.1') format('embedded-opentype'), url('../fonts/mplantin.woff?v=1.3.1') format('woff'), url('../fonts/mplantin.ttf?v=1.3.1') format('truetype'), url('../fonts/mplantin.svg?v=1.3.1#mplantin') format('svg');
font-weight: normal;
font-style: normal;
}
.ms {
display: inline-block;
font: normal normal normal 14px/1 Mana;
font-size: inherit;
line-height: 1em;
text-rendering: auto;
transform: translate(0, 0);
speak: none;
text-transform: none;
vertical-align: middle;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
/**
* Mana cost styles */
.ms-cost {
background-color: #BEB9B2;
border-radius: 1em;
color: #111;
font-size: 0.95em;
width: 1.3em;
height: 1.3em;
line-height: 1.35em;
text-align: center;
}
.ms-cost.ms-w,
.ms-cost.ms-wp {
background-color: #F0F2C0;
}
.ms-cost.ms-u,
.ms-cost.ms-up {
background-color: #B5CDE3;
}
.ms-cost.ms-b,
.ms-cost.ms-bp {
background-color: #ACA29A;
}
.ms-cost.ms-r,
.ms-cost.ms-rp {
background-color: #DB8664;
}
.ms-cost.ms-g,
.ms-cost.ms-gp {
background-color: #93B483;
}
.ms-cost.ms-wu {
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));
background: -webkit-linear-gradient(-45deg, #edf2b0 0%, #edf2b0 50%, #a6c1dd 50%, #a6c1dd 100%);
background: -o-linear-gradient(-45deg, #edf2b0 0%, #edf2b0 50%, #a6c1dd 50%, #a6c1dd 100%);
background: -ms-linear-gradient(-45deg, #edf2b0 0%, #edf2b0 50%, #a6c1dd 50%, #a6c1dd 100%);
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 {
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));
background: -webkit-linear-gradient(-45deg, #edf2b0 0%, #edf2b0 50%, #9c9188 50%, #9c9188 100%);
background: -o-linear-gradient(-45deg, #edf2b0 0%, #edf2b0 50%, #9c9188 50%, #9c9188 100%);
background: -ms-linear-gradient(-45deg, #edf2b0 0%, #edf2b0 50%, #9c9188 50%, #9c9188 100%);
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 {
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));
background: -webkit-linear-gradient(-45deg, #a6c1dd 0%, #a6c1dd 50%, #9c9188 50%, #9c9188 100%);
background: -o-linear-gradient(-45deg, #a6c1dd 0%, #a6c1dd 50%, #9c9188 50%, #9c9188 100%);
background: -ms-linear-gradient(-45deg, #a6c1dd 0%, #a6c1dd 50%, #9c9188 50%, #9c9188 100%);
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 {
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));
background: -webkit-linear-gradient(-45deg, #a6c1dd 0%, #a6c1dd 50%, #db8664 50%, #db8664 100%);
background: -o-linear-gradient(-45deg, #a6c1dd 0%, #a6c1dd 50%, #db8664 50%, #db8664 100%);
background: -ms-linear-gradient(-45deg, #a6c1dd 0%, #a6c1dd 50%, #db8664 50%, #db8664 100%);
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 {
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));
background: -webkit-linear-gradient(-45deg, #aca29a 0%, #aca29a 50%, #db8664 50%, #db8664 100%);
background: -o-linear-gradient(-45deg, #aca29a 0%, #aca29a 50%, #db8664 50%, #db8664 100%);
background: -ms-linear-gradient(-45deg, #aca29a 0%, #aca29a 50%, #db8664 50%, #db8664 100%);
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 {
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));
background: -webkit-linear-gradient(-45deg, #aca29a 0%, #aca29a 50%, #93b483 50%, #93b483 100%);
background: -o-linear-gradient(-45deg, #aca29a 0%, #aca29a 50%, #93b483 50%, #93b483 100%);
background: -ms-linear-gradient(-45deg, #aca29a 0%, #aca29a 50%, #93b483 50%, #93b483 100%);
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 {
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));
background: -webkit-linear-gradient(-45deg, #db8664 0%, #db8664 50%, #edf2b0 50%, #edf2b0 100%);
background: -o-linear-gradient(-45deg, #db8664 0%, #db8664 50%, #edf2b0 50%, #edf2b0 100%);
background: -ms-linear-gradient(-45deg, #db8664 0%, #db8664 50%, #edf2b0 50%, #edf2b0 100%);
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 {
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));
background: -webkit-linear-gradient(-45deg, #db8664 0%, #db8664 50%, #93b483 50%, #93b483 100%);
background: -o-linear-gradient(-45deg, #db8664 0%, #db8664 50%, #93b483 50%, #93b483 100%);
background: -ms-linear-gradient(-45deg, #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);
}
.ms-cost.ms-gw {
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));
background: -webkit-linear-gradient(-45deg, #93b483 0%, #93b483 50%, #edf2b0 50%, #edf2b0 100%);
background: -o-linear-gradient(-45deg, #93b483 0%, #93b483 50%, #edf2b0 50%, #edf2b0 100%);
background: -ms-linear-gradient(-45deg, #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);
}
.ms-cost.ms-gu {
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));
background: -webkit-linear-gradient(-45deg, #93b483 0%, #93b483 50%, #b5cde3 50%, #b5cde3 100%);
background: -o-linear-gradient(-45deg, #93b483 0%, #93b483 50%, #b5cde3 50%, #b5cde3 100%);
background: -ms-linear-gradient(-45deg, #93b483 0%, #93b483 50%, #b5cde3 50%, #b5cde3 100%);
background: linear-gradient(135deg, #93b483 0%, #93b483 50%, #b5cde3 50%, #b5cde3 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#93b483', endColorstr='#b5cde3', GradientType=1);
}
.ms-cost.ms-2w {
background: #beb9b2;
background: -moz-linear-gradient(-45deg, #beb9b2 0%, #beb9b2 50%, #edf2b0 50%, #edf2b0 100%);
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #beb9b2), color-stop(50%, #beb9b2), color-stop(50%, #edf2b0), color-stop(100%, #edf2b0));
background: -webkit-linear-gradient(-45deg, #beb9b2 0%, #beb9b2 50%, #edf2b0 50%, #edf2b0 100%);
background: -o-linear-gradient(-45deg, #beb9b2 0%, #beb9b2 50%, #edf2b0 50%, #edf2b0 100%);
background: -ms-linear-gradient(-45deg, #beb9b2 0%, #beb9b2 50%, #edf2b0 50%, #edf2b0 100%);
background: linear-gradient(135deg, #beb9b2 0%, #beb9b2 50%, #edf2b0 50%, #edf2b0 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#beb9b2', endColorstr='#edf2b0', GradientType=1);
}
.ms-cost.ms-2u {
background: #beb9b2;
background: -moz-linear-gradient(-45deg, #beb9b2 0%, #beb9b2 50%, #b5cde3 50%, #b5cde3 100%);
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #beb9b2), color-stop(50%, #beb9b2), color-stop(50%, #b5cde3), color-stop(100%, #b5cde3));
background: -webkit-linear-gradient(-45deg, #beb9b2 0%, #beb9b2 50%, #b5cde3 50%, #b5cde3 100%);
background: -o-linear-gradient(-45deg, #beb9b2 0%, #beb9b2 50%, #b5cde3 50%, #b5cde3 100%);
background: -ms-linear-gradient(-45deg, #beb9b2 0%, #beb9b2 50%, #b5cde3 50%, #b5cde3 100%);
background: linear-gradient(135deg, #beb9b2 0%, #beb9b2 50%, #b5cde3 50%, #b5cde3 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#beb9b2', endColorstr='#b5cde3', GradientType=1);
}
.ms-cost.ms-2b {
background: #beb9b2;
background: -moz-linear-gradient(-45deg, #beb9b2 0%, #beb9b2 50%, #9c9188 50%, #9c9188 100%);
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #beb9b2), color-stop(50%, #beb9b2), color-stop(50%, #9c9188), color-stop(100%, #9c9188));
background: -webkit-linear-gradient(-45deg, #beb9b2 0%, #beb9b2 50%, #9c9188 50%, #9c9188 100%);
background: -o-linear-gradient(-45deg, #beb9b2 0%, #beb9b2 50%, #9c9188 50%, #9c9188 100%);
background: -ms-linear-gradient(-45deg, #beb9b2 0%, #beb9b2 50%, #9c9188 50%, #9c9188 100%);
background: linear-gradient(135deg, #beb9b2 0%, #beb9b2 50%, #9c9188 50%, #9c9188 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#beb9b2', endColorstr='#9c9188', GradientType=1);
}
.ms-cost.ms-2r {
background: #beb9b2;
background: -moz-linear-gradient(-45deg, #beb9b2 0%, #beb9b2 50%, #db8664 50%, #db8664 100%);
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #beb9b2), color-stop(50%, #beb9b2), color-stop(50%, #db8664), color-stop(100%, #db8664));
background: -webkit-linear-gradient(-45deg, #beb9b2 0%, #beb9b2 50%, #db8664 50%, #db8664 100%);
background: -o-linear-gradient(-45deg, #beb9b2 0%, #beb9b2 50%, #db8664 50%, #db8664 100%);
background: -ms-linear-gradient(-45deg, #beb9b2 0%, #beb9b2 50%, #db8664 50%, #db8664 100%);
background: linear-gradient(135deg, #beb9b2 0%, #beb9b2 50%, #db8664 50%, #db8664 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#beb9b2', endColorstr='#db8664', GradientType=1);
}
.ms-cost.ms-2g {
background: #beb9b2;
background: -moz-linear-gradient(-45deg, #beb9b2 0%, #beb9b2 50%, #93b483 50%, #93b483 100%);
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #beb9b2), color-stop(50%, #beb9b2), color-stop(50%, #93b483), color-stop(100%, #93b483));
background: -webkit-linear-gradient(-45deg, #beb9b2 0%, #beb9b2 50%, #93b483 50%, #93b483 100%);
background: -o-linear-gradient(-45deg, #beb9b2 0%, #beb9b2 50%, #93b483 50%, #93b483 100%);
background: -ms-linear-gradient(-45deg, #beb9b2 0%, #beb9b2 50%, #93b483 50%, #93b483 100%);
background: linear-gradient(135deg, #beb9b2 0%, #beb9b2 50%, #93b483 50%, #93b483 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#beb9b2', endColorstr='#93b483', GradientType=1);
}
.ms-cost.ms-p:before,
.ms-cost.ms-wp:before,
.ms-cost.ms-up:before,
.ms-cost.ms-bp:before,
.ms-cost.ms-rp:before,
.ms-cost.ms-gp:before {
display: inline-block;
-moz-transform: scale(1.2, 1.2);
-webkit-transform: scale(1.2, 1.2);
transform: scale(1.2, 1.2);
}
.ms-cost.ms-tap-alt:before {
display: inline-block;
-moz-transform: scale(1.2, 1.2);
-webkit-transform: scale(1.2, 1.2);
transform: scale(1.2, 1.2);
padding-left: .06em;
padding-bottom: 0.10em;
}
.ms-cost.ms-s:before {
color: #fff;
-webkit-text-stroke: 2px #fff;
font-size: 0.85em;
top: -0.05em;
position: relative;
display: inline-block;
}
.ms-cost.ms-s:after {
content: "\e619";
position: absolute;
color: #333;
margin-left: -0.9em;
font-size: 1.1em;
}
.ms-cost.ms-untap {
background-color: #111;
color: #fff;
}
.ms-cost.ms-shadow {
box-shadow: -0.06em 0.07em 0 #111, 0 0.06em 0 #111;
}
.ms-cost.ms-shadow.ms-untap {
box-shadow: -0.06em 0.07em 0 #fff, 0 0.06em 0 #fff;
}
/**
* Split costs */
.ms-split {
position: relative;
width: 1.3em;
height: 1.3em;
}
.ms-split:before,
.ms-split:after {
font-size: 0.55em !important;
position: absolute;
}
.ms-split:before {
top: -0.38em;
left: 0.28em;
}
.ms-split:after {
top: 0.5em;
left: 1.0em;
}
/**
* Half costs */
.ms-half {
width: .675em;
overflow: hidden;
display: inline-block;
margin-left: .675em;
}
.ms-half > .ms-cost {
margin-left: -0.675em;
}
/**
* Un-set costs */
.ms-100 {
width: 2.4em;
}
.ms-1000000 {
width: 5.4em;
}
/**
* Planeswalker symbols */
.ms-loyalty-up,
.ms-loyalty-down,
.ms-loyalty-zero,
.ms-loyalty-start {
color: #111;
font-size: 1.5em;
position: relative;
text-align: center;
}
.ms-loyalty-start {
font-size: 2.0em;
}
.ms-loyalty-0:after,
.ms-loyalty-1:after,
.ms-loyalty-2:after,
.ms-loyalty-3:after,
.ms-loyalty-4:after,
.ms-loyalty-5:after,
.ms-loyalty-6:after,
.ms-loyalty-7:after,
.ms-loyalty-8:after,
.ms-loyalty-9:after,
.ms-loyalty-10:after,
.ms-loyalty-12:after,
.ms-loyalty-14:after,
.ms-loyalty-x:after {
color: #fff;
display: inline-block;
font-size: 0.5em;
font-family: 'MPlantin, Garamond, Palatino, ' Times New Roman ', Times, serif';
position: absolute;
left: 0;
line-height: 1.75em;
width: 100%;
text-align: center;
-webkit-padding-before: 0.15em;
}
.ms-loyalty-0:after {
content: "0";
}
.ms-loyalty-up.ms-loyalty-1:after {
content: "+1";
}
.ms-loyalty-up.ms-loyalty-2:after {
content: "+2";
}
.ms-loyalty-up.ms-loyalty-3:after {
content: "+3";
}
.ms-loyalty-up.ms-loyalty-4:after {
content: "+4";
}
.ms-loyalty-up.ms-loyalty-5:after {
content: "+5";
}
.ms-loyalty-up.ms-loyalty-6:after {
content: "+6";
}
.ms-loyalty-up.ms-loyalty-7:after {
content: "+7";
}
.ms-loyalty-up.ms-loyalty-8:after {
content: "+8";
}
.ms-loyalty-up.ms-loyalty-9:after {
content: "+9";
}
.ms-loyalty-up.ms-loyalty-10:after {
content: "+10";
}
.ms-loyalty-up.ms-loyalty-x:after {
content: "+X";
}
.ms-loyalty-start.ms-loyalty-1:after {
content: "1";
}
.ms-loyalty-start.ms-loyalty-2:after {
content: "2";
}
.ms-loyalty-start.ms-loyalty-3:after {
content: "3";
}
.ms-loyalty-start.ms-loyalty-4:after {
content: "4";
}
.ms-loyalty-start.ms-loyalty-5:after {
content: "5";
}
.ms-loyalty-start.ms-loyalty-6:after {
content: "6";
}
.ms-loyalty-start.ms-loyalty-7:after {
content: "7";
}
.ms-loyalty-start.ms-loyalty-8:after {
content: "8";
}
.ms-loyalty-start.ms-loyalty-9:after {
content: "9";
}
.ms-loyalty-start.ms-loyalty-10:after {
content: "10";
}
.ms-loyalty-start.ms-loyalty-x:after {
content: "X";
}
.ms-loyalty-down:after {
line-height: 1.6em;
}
.ms-loyalty-down.ms-loyalty-1:after {
content: "-1";
}
.ms-loyalty-down.ms-loyalty-2:after {
content: "-2";
}
.ms-loyalty-down.ms-loyalty-3:after {
content: "-3";
}
.ms-loyalty-down.ms-loyalty-4:after {
content: "-4";
}
.ms-loyalty-down.ms-loyalty-5:after {
content: "-5";
}
.ms-loyalty-down.ms-loyalty-6:after {
content: "-6";
}
.ms-loyalty-down.ms-loyalty-7:after {
content: "-7";
}
.ms-loyalty-down.ms-loyalty-8:after {
content: "-8";
}
.ms-loyalty-down.ms-loyalty-9:after {
content: "-9";
}
.ms-loyalty-down.ms-loyalty-10:after {
content: "-10";
}
.ms-loyalty-down.ms-loyalty-12:after {
content: "-12";
}
.ms-loyalty-down.ms-loyalty-14:after {
content: "-14";
}
.ms-loyalty-down.ms-loyalty-x:after {
content: "-X";
}
/**
* Double faced cards */
.ms-dfc {
color: #111;
border: .05em solid #111;
border-radius: 2em;
padding: 0.025em;
}
/*
* Larger sizes */
.ms-2x {
font-size: 1.75em;
}
.ms-3x {
font-size: 2.25em;
}
.ms-4x {
font-size: 3.0em;
}
.ms-5x {
font-size: 3.75em;
}
.ms-6x {
font-size: 4.5em;
}
/**
* Mana */
.ms-w:before {
content: "\e600";
}
.ms-u:before {
content: "\e601";
}
.ms-b:before {
content: "\e602";
}
.ms-r:before {
content: "\e603";
}
.ms-g:before {
content: "\e604";
}
.ms-0:before {
content: "\e605";
}
.ms-1:before {
content: "\e606";
}
.ms-2:before {
content: "\e607";
}
.ms-3:before {
content: "\e608";
}
.ms-4:before {
content: "\e609";
}
.ms-5:before {
content: "\e60a";
}
.ms-6:before {
content: "\e60b";
}
.ms-7:before {
content: "\e60c";
}
.ms-8:before {
content: "\e60d";
}
.ms-9:before {
content: "\e60e";
}
.ms-10:before {
content: "\e60f";
}
.ms-11:before {
content: "\e610";
}
.ms-12:before {
content: "\e611";
}
.ms-13:before {
content: "\e612";
}
.ms-14:before {
content: "\e613";
}
.ms-15:before {
content: "\e614";
}
.ms-16:before {
content: "\e62a";
}
.ms-17:before {
content: "\e62b";
}
.ms-18:before {
content: "\e62c";
}
.ms-19:before {
content: "\e62d";
}
.ms-20:before {
content: "\e62e";
}
.ms-x:before {
content: "\e615";
}
.ms-y:before {
content: "\e616";
}
.ms-z:before {
content: "\e617";
}
.ms-p:before,
.ms-wp:before,
.ms-up:before,
.ms-bp:before,
.ms-rp:before,
.ms-gp:before {
content: "\e618";
}
.ms-s:before {
content: "\e619";
}
.ms-c:before {
content: "\e904";
}
.ms-e:before,
.ms-energy:before {
content: "\e907";
}
/**
* Tap/roll symbols */
.ms-tap:before {
content: "\e61a";
}
.ms-untap:before {
content: "\e61b";
}
.ms-tap-alt:before {
content: "\e61c";
}
.ms-chaos:before {
content: "\e61d";
}
.ms-1-2:before {
content: "\e902";
}
.ms-infinity:before {
content: "\e903";
}
/**
* Card types */
.ms-artifact:before {
content: "\e61e";
}
.ms-creature:before {
content: "\e61f";
}
.ms-enchantment:before {
content: "\e620";
}
.ms-instant:before {
content: "\e621";
}
.ms-land:before {
content: "\e622";
}
.ms-planeswalker:before {
content: "\e623";
}
.ms-sorcery:before {
content: "\e624";
}
/**
* Split symbols */
.ms-wu:before,
.ms-wb:before,
.ms-rw:after,
.ms-gw:after,
.ms-2w:after {
content: "\e600";
}
.ms-ub:before,
.ms-ur:before,
.ms-wu:after,
.ms-gu:after,
.ms-2u:after {
content: "\e601";
}
.ms-br:before,
.ms-bg:before,
.ms-wb:after,
.ms-ub:after,
.ms-2b:after {
content: "\e602";
}
.ms-rw:before,
.ms-rg:before,
.ms-ur:after,
.ms-br:after,
.ms-2r:after {
content: "\e603";
}
.ms-gw:before,
.ms-gu:before,
.ms-bg:after,
.ms-rg:after,
.ms-2g:after {
content: "\e604";
}
.ms-2w:before,
.ms-2u:before,
.ms-2b:before,
.ms-2r:before,
.ms-2g:before {
content: "\e607";
}
/**
* Un-set symbols */
.ms-100:before {
content: "\e900";
}
.ms-1000000:before {
content: "\e901";
}
/**
* Planeswalker symbols */
.ms-loyalty-up:before {
content: "\e627";
}
.ms-loyalty-down:before {
content: "\e625";
}
.ms-loyalty-zero:before {
content: "\e626";
}
.ms-loyalty-start:before {
content: "\e628";
}
/**
* Other */
.ms-flashback:before {
content: "\e629";
}
.ms-dfc-night:before {
content: "\e905";
}
.ms-dfc-day:before {
content: "\e906";
}
.ms-dfc-ignite:before {
content: "\e908";
}
.ms-dfc-spark:before {
content: "\e909";
}
.ms-dfc-emrakul:before {
content: "\e90a";
}
.ms-dfc-moon:before {
content: "\e90b";
}
/**
* Guilds and Clans */
.ms-guild-azorius:before {
content: "\e90c";
}
.ms-guild-boros:before {
content: "\e90d";
}
.ms-guild-dimir:before {
content: "\e90e";
}
.ms-guild-golgari:before {
content: "\e90f";
}
.ms-guild-gruul:before {
content: "\e910";
}
.ms-guild-izzet:before {
content: "\e911";
}
.ms-guild-orzhov:before {
content: "\e912";
}
.ms-guild-rakdos:before {
content: "\e913";
}
.ms-guild-selesnya:before {
content: "\e914";
}
.ms-guild-simic:before {
content: "\e915";
}
.ms-clan-abzan:before {
content: "\e916";
}
.ms-clan-jeskai:before {
content: "\e917";
}
.ms-clan-mardu:before {
content: "\e918";
}
.ms-clan-sultai:before {
content: "\e919";
}
.ms-clan-temur:before {
content: "\e91a";
}
.ms-clan-atarka:before {
content: "\e91b";
}
.ms-clan-dromoka:before {
content: "\e91c";
}
.ms-clan-kolaghan:before {
content: "\e91d";
}
.ms-clan-ojutai:before {
content: "\e91e";
}
.ms-clan-silumgar:before {
content: "\e91f";
}

File diff suppressed because one or more lines are too long

Binary file not shown.

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 315 KiB

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

File diff suppressed because it is too large Load Diff

Before

Width:  |  Height:  |  Size: 206 KiB

Binary file not shown.

Binary file not shown.

View File

@ -1,191 +0,0 @@
<!doctype html>
<html>
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="chrome=1" />
<title>Mana</title>
<link rel="stylesheet" href="css/mana.css" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<style type="text/css">
body {
background: #fff;
border-top: 3px solid #CBC8BB;
color: #333;
font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans",
Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 16px;
line-height: 1.6em;
margin: 0;
padding: 0 100px;
}
h3 {
font-size: 16px;
font-weight: bold;
margin: 0;
}
p {
margin: 10px 0 20px;
}
footer {
border-top: 1px solid #eee;
margin: 40px 0 0;
padding: 20px 0 30px;
}
</style>
</head>
<body>
<h1>Mana</h1>
<h2>MTG Mana Symbol Demos</h2>
<p>
This HTML file is for demo purposes and is not necessary for Mana installation or use.
You can view all of the mana symbol font icons and the available examples below (casting cost background and increased sizes).
</p>
<h3>Regular mana symbols</h3>
<p>
<i class="ms ms-w ms-cost ms-shadow"></i>
<i class="ms ms-u ms-cost ms-shadow"></i>
<i class="ms ms-b ms-cost ms-shadow"></i>
<i class="ms ms-r ms-cost ms-shadow"></i>
<i class="ms ms-g ms-cost ms-shadow"></i>
<i class="ms ms-0 ms-cost ms-shadow"></i>
<i class="ms ms-1 ms-cost ms-shadow"></i>
<i class="ms ms-2 ms-cost ms-shadow"></i>
<i class="ms ms-3 ms-cost ms-shadow"></i>
<i class="ms ms-4 ms-cost ms-shadow"></i>
<i class="ms ms-5 ms-cost ms-shadow"></i>
<i class="ms ms-6 ms-cost ms-shadow"></i>
<i class="ms ms-7 ms-cost ms-shadow"></i>
<i class="ms ms-8 ms-cost ms-shadow"></i>
<i class="ms ms-9 ms-cost ms-shadow"></i>
<i class="ms ms-10 ms-cost ms-shadow"></i>
<i class="ms ms-11 ms-cost ms-shadow"></i>
<i class="ms ms-12 ms-cost ms-shadow"></i>
<i class="ms ms-13 ms-cost ms-shadow"></i>
<i class="ms ms-14 ms-cost ms-shadow"></i>
<i class="ms ms-15 ms-cost ms-shadow"></i>
<i class="ms ms-16 ms-cost ms-shadow"></i>
<i class="ms ms-17 ms-cost ms-shadow"></i>
<i class="ms ms-18 ms-cost ms-shadow"></i>
<i class="ms ms-19 ms-cost ms-shadow"></i>
<i class="ms ms-20 ms-cost ms-shadow"></i>
<i class="ms ms-x ms-cost ms-shadow"></i>
<i class="ms ms-y ms-cost ms-shadow"></i>
<i class="ms ms-z ms-cost ms-shadow"></i>
</p>
<h3>Phyrexian, snow, colorless, energy, and split symbols</h3>
<p>
<i class="ms ms-wp ms-cost ms-shadow"></i>
<i class="ms ms-up ms-cost ms-shadow"></i>
<i class="ms ms-bp ms-cost ms-shadow"></i>
<i class="ms ms-rp ms-cost ms-shadow"></i>
<i class="ms ms-gp ms-cost ms-shadow"></i>
<i class="ms ms-s ms-cost ms-shadow"></i>
<i class="ms ms-c ms-cost ms-shadow"></i>
<i class="ms ms-e"></i>
<br />
<i class="ms ms-wu ms-split ms-cost ms-shadow"></i>
<i class="ms ms-wb ms-split ms-cost ms-shadow"></i>
<i class="ms ms-ub ms-split ms-cost ms-shadow"></i>
<i class="ms ms-ur ms-split ms-cost ms-shadow"></i>
<i class="ms ms-br ms-split ms-cost ms-shadow"></i>
<i class="ms ms-bg ms-split ms-cost ms-shadow"></i>
<i class="ms ms-rw ms-split ms-cost ms-shadow"></i>
<i class="ms ms-rg ms-split ms-cost ms-shadow"></i>
<i class="ms ms-gw ms-split ms-cost ms-shadow"></i>
<i class="ms ms-gu ms-split ms-cost ms-shadow"></i>
<i class="ms ms-2w ms-split ms-cost ms-shadow"></i>
<i class="ms ms-2u ms-split ms-cost ms-shadow"></i>
<i class="ms ms-2b ms-split ms-cost ms-shadow"></i>
<i class="ms ms-2r ms-split ms-cost ms-shadow"></i>
<i class="ms ms-2g ms-split ms-cost ms-shadow"></i>
</p>
<h3>Tap and roll symbols</h3>
<p>
<i class="ms ms-tap ms-cost ms-shadow"></i>
<i class="ms ms-untap ms-cost"></i>
<i class="ms ms-tap-alt ms-cost ms-shadow"></i>
<i class="ms ms-chaos"></i>
</p>
<h3>2x size (3-6x also included)</h3>
<p>
<i class="ms ms-w ms-cost ms-shadow ms-2x"></i>
<i class="ms ms-u ms-cost ms-shadow ms-2x"></i>
<i class="ms ms-b ms-cost ms-shadow ms-2x"></i>
<i class="ms ms-r ms-cost ms-shadow ms-2x"></i>
<i class="ms ms-g ms-cost ms-shadow ms-2x"></i>
</p>
<h3><a href="http://gatherer.wizards.com/Pages/Card/Details.aspx?multiverseid=74257">Half mana symbols</a></h3>
<p>
<span class="ms-half"><i class="ms ms-w ms-cost"></i></span>
<span class="ms-half"><i class="ms ms-u ms-cost"></i></span>
<span class="ms-half"><i class="ms ms-b ms-cost"></i></span>
<span class="ms-half"><i class="ms ms-r ms-cost"></i></span>
<span class="ms-half"><i class="ms ms-g ms-cost"></i></span>
</p>
<h3>Un-set mana symbols</h3>
<p>
<i class="ms ms-1-2 ms-cost ms-shadow"></i>
<i class="ms ms-infinity ms-cost ms-shadow"></i>
<i class="ms ms-100 ms-cost ms-shadow"></i>
<i class="ms ms-1000000 ms-cost ms-shadow"></i>
</p>
<h3>Future Sight type symbols</h3>
<p>
<i class="ms ms-artifact ms-2x"></i>
<i class="ms ms-creature ms-2x"></i>
<i class="ms ms-enchantment ms-2x"></i>
<i class="ms ms-instant ms-2x"></i>
<i class="ms ms-land ms-2x"></i>
<i class="ms ms-planeswalker ms-2x"></i>
<i class="ms ms-sorcery ms-2x"></i>
&nbsp;&nbsp;
<i class="ms ms-flashback ms-2x"></i>
</p>
<h3>Planeswalker symbols</h3>
<p>
<i class="ms ms-loyalty-up ms-loyalty-3 ms-3x"></i>
<i class="ms ms-loyalty-down ms-loyalty-x ms-3x"></i>
<i class="ms ms-loyalty-zero ms-loyalty-0 ms-3x"></i>
<i class="ms ms-loyalty-start ms-loyalty-4 ms-4x"></i>
</p>
<h3>Double-faced card symbols</h3>
<p>
<i class="ms ms-dfc ms-dfc-day ms-2x"></i>
<i class="ms ms-dfc ms-dfc-night ms-2x"></i>
<i class="ms ms-dfc ms-dfc-spark ms-2x"></i>
<i class="ms ms-dfc ms-dfc-ignite ms-2x"></i>
<i class="ms ms-dfc ms-dfc-moon ms-2x"></i>
<i class="ms ms-dfc ms-dfc-emrakul ms-2x"></i>
</p>
<h3>Guild Symbols</h3>
<p>
<i class="ms ms-guild-azorius ms-2x"></i>
<i class="ms ms-guild-boros ms-2x"></i>
<i class="ms ms-guild-dimir ms-2x"></i>
<i class="ms ms-guild-golgari ms-2x"></i>
<i class="ms ms-guild-gruul ms-2x"></i>
<i class="ms ms-guild-izzet ms-2x"></i>
<i class="ms ms-guild-orzhov ms-2x"></i>
<i class="ms ms-guild-rakdos ms-2x"></i>
<i class="ms ms-guild-selesnya ms-2x"></i>
<i class="ms ms-guild-simic ms-2x"></i>
</p>
<h3>Clan Symbols</h3>
<p>
<i class="ms ms-clan-abzan ms-2x"></i>
<i class="ms ms-clan-jeskai ms-2x"></i>
<i class="ms ms-clan-mardu ms-2x"></i>
<i class="ms ms-clan-sultai ms-2x"></i>
<i class="ms ms-clan-temur ms-2x"></i>
&nbsp;&nbsp;
<i class="ms ms-clan-atarka ms-2x"></i>
<i class="ms ms-clan-dromoka ms-2x"></i>
<i class="ms ms-clan-kolaghan ms-2x"></i>
<i class="ms ms-clan-ojutai ms-2x"></i>
<i class="ms ms-clan-silumgar ms-2x"></i>
</p>
<footer>
Made with &hearts; by <a href="http://andrewgioia.com">Andrew Gioia</a>
</footer>
</body>
</html>

View File

@ -1,14 +0,0 @@
.@{ms-prefix} {
display: inline-block;
font: normal normal normal @ms-font-size-base/1 Mana;
font-size: inherit;
line-height: 1em;
text-rendering: auto;
transform: translate(0, 0);
speak: none;
text-transform: none;
vertical-align: middle;
// Better font rendering
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

View File

@ -1,292 +0,0 @@
/**
* Mana cost styles */
.@{ms-prefix}-cost {
// Base cost styles
background-color: #BEB9B2;
border-radius: 1em;
color: #111;
font-size: 0.95em;
width: 1.3em;
height: 1.3em;
line-height: 1.35em;
text-align: center;
// Single symbols
&.@{ms-prefix}-w,
&.@{ms-prefix}-wp {
background-color: #F0F2C0;
}
&.@{ms-prefix}-u,
&.@{ms-prefix}-up {
background-color: #B5CDE3;
}
&.@{ms-prefix}-b,
&.@{ms-prefix}-bp {
background-color: #ACA29A;
}
&.@{ms-prefix}-r,
&.@{ms-prefix}-rp {
background-color: #DB8664;
}
&.@{ms-prefix}-g,
&.@{ms-prefix}-gp {
background-color: #93B483;
}
// Split symbols
&.@{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+
background: -webkit-linear-gradient(-45deg, #edf2b0 0%,#edf2b0 50%,#a6c1dd 50%,#a6c1dd 100%); // Chrome10+,Safari5.1+
background: -o-linear-gradient(-45deg, #edf2b0 0%,#edf2b0 50%,#a6c1dd 50%,#a6c1dd 100%); // Opera 11.10+
background: -ms-linear-gradient(-45deg, #edf2b0 0%,#edf2b0 50%,#a6c1dd 50%,#a6c1dd 100%); // IE10+
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 {
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+
background: -webkit-linear-gradient(-45deg, #edf2b0 0%,#edf2b0 50%,#9c9188 50%,#9c9188 100%); // Chrome10+,Safari5.1+
background: -o-linear-gradient(-45deg, #edf2b0 0%,#edf2b0 50%,#9c9188 50%,#9c9188 100%); // Opera 11.10+
background: -ms-linear-gradient(-45deg, #edf2b0 0%,#edf2b0 50%,#9c9188 50%,#9c9188 100%); // IE10+
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 {
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+
background: -webkit-linear-gradient(-45deg, #a6c1dd 0%,#a6c1dd 50%,#9c9188 50%,#9c9188 100%); // Chrome10+,Safari5.1+
background: -o-linear-gradient(-45deg, #a6c1dd 0%,#a6c1dd 50%,#9c9188 50%,#9c9188 100%); // Opera 11.10+
background: -ms-linear-gradient(-45deg, #a6c1dd 0%,#a6c1dd 50%,#9c9188 50%,#9c9188 100%); // IE10+
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 {
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+
background: -webkit-linear-gradient(-45deg, #a6c1dd 0%,#a6c1dd 50%,#db8664 50%,#db8664 100%); // Chrome10+,Safari5.1+
background: -o-linear-gradient(-45deg, #a6c1dd 0%,#a6c1dd 50%,#db8664 50%,#db8664 100%); // Opera 11.10+
background: -ms-linear-gradient(-45deg, #a6c1dd 0%,#a6c1dd 50%,#db8664 50%,#db8664 100%); // IE10+
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 {
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+
background: -webkit-linear-gradient(-45deg, #aca29a 0%,#aca29a 50%,#db8664 50%,#db8664 100%); // Chrome10+,Safari5.1+
background: -o-linear-gradient(-45deg, #aca29a 0%,#aca29a 50%,#db8664 50%,#db8664 100%); // Opera 11.10+
background: -ms-linear-gradient(-45deg, #aca29a 0%,#aca29a 50%,#db8664 50%,#db8664 100%); // IE10+
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 {
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+
background: -webkit-linear-gradient(-45deg, #aca29a 0%,#aca29a 50%,#93b483 50%,#93b483 100%); // Chrome10+,Safari5.1+
background: -o-linear-gradient(-45deg, #aca29a 0%,#aca29a 50%,#93b483 50%,#93b483 100%); // Opera 11.10+
background: -ms-linear-gradient(-45deg, #aca29a 0%,#aca29a 50%,#93b483 50%,#93b483 100%); // IE10+
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 {
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+
background: -webkit-linear-gradient(-45deg, #db8664 0%,#db8664 50%,#edf2b0 50%,#edf2b0 100%); // Chrome10+,Safari5.1+
background: -o-linear-gradient(-45deg, #db8664 0%,#db8664 50%,#edf2b0 50%,#edf2b0 100%); // Opera 11.10+
background: -ms-linear-gradient(-45deg, #db8664 0%,#db8664 50%,#edf2b0 50%,#edf2b0 100%); // IE10+
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 {
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+
background: -webkit-linear-gradient(-45deg, #db8664 0%,#db8664 50%,#93b483 50%,#93b483 100%); // Chrome10+,Safari5.1+
background: -o-linear-gradient(-45deg, #db8664 0%,#db8664 50%,#93b483 50%,#93b483 100%); // Opera 11.10+
background: -ms-linear-gradient(-45deg, #db8664 0%,#db8664 50%,#93b483 50%,#93b483 100%); // IE10+
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 {
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+
background: -webkit-linear-gradient(-45deg, #93b483 0%,#93b483 50%,#edf2b0 50%,#edf2b0 100%); // Chrome10+,Safari5.1+
background: -o-linear-gradient(-45deg, #93b483 0%,#93b483 50%,#edf2b0 50%,#edf2b0 100%); // Opera 11.10+
background: -ms-linear-gradient(-45deg, #93b483 0%,#93b483 50%,#edf2b0 50%,#edf2b0 100%); // IE10+
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 {
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+
background: -webkit-linear-gradient(-45deg, #93b483 0%,#93b483 50%,#b5cde3 50%,#b5cde3 100%); // Chrome10+,Safari5.1+
background: -o-linear-gradient(-45deg, #93b483 0%,#93b483 50%,#b5cde3 50%,#b5cde3 100%); // Opera 11.10+
background: -ms-linear-gradient(-45deg, #93b483 0%,#93b483 50%,#b5cde3 50%,#b5cde3 100%); // IE10+
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
}
&.@{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+
background: -webkit-linear-gradient(-45deg, #beb9b2 0%,#beb9b2 50%,#edf2b0 50%,#edf2b0 100%); // Chrome10+,Safari5.1+
background: -o-linear-gradient(-45deg, #beb9b2 0%,#beb9b2 50%,#edf2b0 50%,#edf2b0 100%); // Opera 11.10+
background: -ms-linear-gradient(-45deg, #beb9b2 0%,#beb9b2 50%,#edf2b0 50%,#edf2b0 100%); // IE10+
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
}
&.@{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+
background: -webkit-linear-gradient(-45deg, #beb9b2 0%,#beb9b2 50%,#b5cde3 50%,#b5cde3 100%); // Chrome10+,Safari5.1+
background: -o-linear-gradient(-45deg, #beb9b2 0%,#beb9b2 50%,#b5cde3 50%,#b5cde3 100%); // Opera 11.10+
background: -ms-linear-gradient(-45deg, #beb9b2 0%,#beb9b2 50%,#b5cde3 50%,#b5cde3 100%); // IE10+
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
}
&.@{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+
background: -webkit-linear-gradient(-45deg, #beb9b2 0%,#beb9b2 50%,#9c9188 50%,#9c9188 100%); // Chrome10+,Safari5.1+
background: -o-linear-gradient(-45deg, #beb9b2 0%,#beb9b2 50%,#9c9188 50%,#9c9188 100%); // Opera 11.10+
background: -ms-linear-gradient(-45deg, #beb9b2 0%,#beb9b2 50%,#9c9188 50%,#9c9188 100%); // IE10+
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
}
&.@{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+
background: -webkit-linear-gradient(-45deg, #beb9b2 0%,#beb9b2 50%,#db8664 50%,#db8664 100%); // Chrome10+,Safari5.1+
background: -o-linear-gradient(-45deg, #beb9b2 0%,#beb9b2 50%,#db8664 50%,#db8664 100%); // Opera 11.10+
background: -ms-linear-gradient(-45deg, #beb9b2 0%,#beb9b2 50%,#db8664 50%,#db8664 100%); // IE10+
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
}
&.@{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+
background: -webkit-linear-gradient(-45deg, #beb9b2 0%,#beb9b2 50%,#93b483 50%,#93b483 100%); // Chrome10+,Safari5.1+
background: -o-linear-gradient(-45deg, #beb9b2 0%,#beb9b2 50%,#93b483 50%,#93b483 100%); // Opera 11.10+
background: -ms-linear-gradient(-45deg, #beb9b2 0%,#beb9b2 50%,#93b483 50%,#93b483 100%); // IE10+
background: linear-gradient(135deg, #beb9b2 0%,#beb9b2 50%,#93b483 50%,#93b483 100%); // W3C
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#beb9b2', endColorstr='#93b483',GradientType=1 ); // IE6-9 fallback on horizontal gradient
}
// Phyrexian mana and 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 {
display: inline-block;
-moz-transform: scale( 1.2, 1.2 );
-webkit-transform: scale( 1.2, 1.2 );
transform: scale( 1.2, 1.2 );
}
// Alternate tap
&.@{ms-prefix}-tap-alt:before {
display: inline-block;
-moz-transform: scale( 1.2, 1.2 );
-webkit-transform: scale( 1.2, 1.2 );
transform: scale( 1.2, 1.2 );
padding-left: .06em;
padding-bottom: 0.10em;
}
// Snow mana
&.@{ms-prefix}-s:before {
color: #fff;
-webkit-text-stroke: 2px #fff;
font-size: 0.85em;
top: -0.05em;
position: relative;
display: inline-block;
}
&.@{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;
color: #333;
margin-left: -0.9em;
font-size: 1.1em;
}
// Tap symbols
&.@{ms-prefix}-untap {
background-color: #111;
color: #fff;
}
// Shadow
&.@{ms-prefix}-shadow {
box-shadow: -0.06em 0.07em 0 #111, 0 0.06em 0 #111;
&.@{ms-prefix}-untap {
box-shadow: -0.06em 0.07em 0 #fff, 0 0.06em 0 #fff;
}
}
}
/**
* Split costs */
.@{ms-prefix}-split {
position: relative;
width: 1.3em;
height: 1.3em;
}
.@{ms-prefix}-split:before,
.@{ms-prefix}-split:after {
font-size: 0.55em !important;
position: absolute;
}
.@{ms-prefix}-split:before {
top: -0.38em;
left: 0.28em;
}
.@{ms-prefix}-split:after {
top: 0.5em;
left: 1.0em;
}
/**
* Half costs */
.@{ms-prefix}-half {
width: .675em;
overflow: hidden;
display: inline-block;
margin-left: .675em;
> .@{ms-prefix}-cost {
margin-left: -.675em;
}
}
/**
* Un-set costs */
.@{ms-prefix}-100 {
width: 2.4em;
}
.@{ms-prefix}-1000000 {
width: 5.4em;
}

View File

@ -1,9 +0,0 @@
/**
* Double faced cards */
.@{ms-prefix}-dfc {
color: #111;
border: .05em solid #111;
border-radius: 2em;
padding: 0.025em;
}

View File

@ -1,146 +0,0 @@
/**
* Mana */
.@{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}-16:before { content: "\e62a"; }
.@{ms-prefix}-17:before { content: "\e62b"; }
.@{ms-prefix}-18:before { content: "\e62c"; }
.@{ms-prefix}-19:before { content: "\e62d"; }
.@{ms-prefix}-20:before { content: "\e62e"; }
.@{ms-prefix}-x:before { content: "\e615"; }
.@{ms-prefix}-y:before { content: "\e616"; }
.@{ms-prefix}-z:before { content: "\e617"; }
.@{ms-prefix}-p:before,
.@{ms-prefix}-wp:before,
.@{ms-prefix}-up:before,
.@{ms-prefix}-bp:before,
.@{ms-prefix}-rp:before,
.@{ms-prefix}-gp:before { content: "\e618"; }
.@{ms-prefix}-s:before { content: "\e619"; }
.@{ms-prefix}-c:before { content: "\e904"; }
.@{ms-prefix}-e:before,
.@{ms-prefix}-energy:before{ content: "\e907"; }
/**
* Tap/roll symbols */
.@{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"; }
.@{ms-prefix}-1-2:before { content: "\e902"; }
.@{ms-prefix}-infinity:before { content: "\e903"; }
/**
* Card types */
.@{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 */
.@{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
/**
* Un-set symbols */
.@{ms-prefix}-100:before { content: "\e900"; }
.@{ms-prefix}-1000000:before { content: "\e901"; }
/**
* Planeswalker symbols */
.@{ms-prefix}-loyalty-up:before { content: "\e627"; } // Up
.@{ms-prefix}-loyalty-down:before { content: "\e625"; } // Down
.@{ms-prefix}-loyalty-zero:before { content: "\e626"; } // Zero
.@{ms-prefix}-loyalty-start:before { content: "\e628"; } // Start
/**
* Other */
.@{ms-prefix}-flashback:before { content: "\e629"; }
.@{ms-prefix}-dfc-night:before { content: "\e905"; }
.@{ms-prefix}-dfc-day:before { content: "\e906"; }
.@{ms-prefix}-dfc-ignite:before { content: "\e908"; }
.@{ms-prefix}-dfc-spark:before { content: "\e909"; }
.@{ms-prefix}-dfc-emrakul:before { content: "\e90a"; }
.@{ms-prefix}-dfc-moon:before { content: "\e90b"; }
/**
* Guilds and Clans */
.@{ms-prefix}-guild-azorius:before { content: "\e90c"; }
.@{ms-prefix}-guild-boros:before { content: "\e90d"; }
.@{ms-prefix}-guild-dimir:before { content: "\e90e"; }
.@{ms-prefix}-guild-golgari:before { content: "\e90f"; }
.@{ms-prefix}-guild-gruul:before { content: "\e910"; }
.@{ms-prefix}-guild-izzet:before { content: "\e911"; }
.@{ms-prefix}-guild-orzhov:before { content: "\e912"; }
.@{ms-prefix}-guild-rakdos:before { content: "\e913"; }
.@{ms-prefix}-guild-selesnya:before { content: "\e914"; }
.@{ms-prefix}-guild-simic:before { content: "\e915"; }
.@{ms-prefix}-clan-abzan:before { content: "\e916"; }
.@{ms-prefix}-clan-jeskai:before { content: "\e917"; }
.@{ms-prefix}-clan-mardu:before { content: "\e918"; }
.@{ms-prefix}-clan-sultai:before { content: "\e919"; }
.@{ms-prefix}-clan-temur:before { content: "\e91a"; }
.@{ms-prefix}-clan-atarka:before { content: "\e91b"; }
.@{ms-prefix}-clan-dromoka:before { content: "\e91c"; }
.@{ms-prefix}-clan-kolaghan:before { content: "\e91d"; }
.@{ms-prefix}-clan-ojutai:before { content: "\e91e"; }
.@{ms-prefix}-clan-silumgar:before { content: "\e91f"; }

View File

@ -1,91 +0,0 @@
/**
* Planeswalker symbols */
.@{ms-prefix}-loyalty {
// All
&-up,
&-down,
&-zero,
&-start {
color: #111;
font-size: 1.5em;
position: relative;
text-align: center;
}
// Start
&-start {
font-size: 2.0em; // increase the size a bit by default
}
// Counters
&-0:after,
&-1:after,
&-2:after,
&-3:after,
&-4:after,
&-5:after,
&-6:after,
&-7:after,
&-8:after,
&-9:after,
&-10:after,
&-12:after,
&-14:after,
&-x:after {
color: #fff;
display: inline-block;
font-size: 0.5em;
font-family: @ms-serif-font;
position: absolute;
left: 0;
line-height: 1.75em;
width: 100%;
text-align: center;
-webkit-padding-before: 0.15em; // fix for odd webkit line-height
}
&-0:after { content: "0"; }
&-up {
&.@{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 {
&.@{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; }
&.@{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-12:after { content: "-12"; }
&.@{ms-prefix}-loyalty-14:after { content: "-14"; }
&.@{ms-prefix}-loyalty-x:after { content: "-X"; }
}
}

View File

@ -1,8 +0,0 @@
@import "variables.less";
@import "path.less";
@import "core.less";
@import "cost.less";
@import "loyalty.less";
@import "dfc.less";
@import "sizes.less";
@import "icons.less";

View File

@ -1,21 +0,0 @@
@font-face {
font-family: 'Mana';
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( '@{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;
}

View File

@ -1,8 +0,0 @@
/*
* Larger sizes */
.@{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; }

View File

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

View File

@ -1,25 +0,0 @@
{
"name": "mana-font",
"version": "1.3.0",
"description": "Magic: the Gathering mana symbol pictographic font",
"main": "css/mana.css",
"repository": {
"type": "git",
"url": "git+https://github.com/andrewgioia/Mana.git"
},
"keywords": [
"mana",
"mtg",
"mana",
"symbols",
"magic",
"gathering",
"font"
],
"author": "Andrew Gioia <andrewgioia@gmail.com>",
"license": "MIT",
"bugs": {
"url": "https://github.com/andrewgioia/Mana/issues"
},
"homepage": "https://github.com/andrewgioia/Mana#readme"
}