From d6868c91cfbf1b77e4c000354d005f9be06e5f48 Mon Sep 17 00:00:00 2001 From: Andrew Gioia Date: Mon, 23 Mar 2015 10:16:34 -0400 Subject: [PATCH] Initial v0.1 commit --- README.md | 33 +++ css/mana.css | 588 ++++++++++++++++++++++++++++++++++++++++++++ fonts/mana.eot | Bin 0 -> 12348 bytes fonts/mana.svg | 47 ++++ fonts/mana.ttf | Bin 0 -> 12196 bytes fonts/mana.woff | Bin 0 -> 12272 bytes index.html | 124 ++++++++++ less/core.less | 14 ++ less/cost.less | 274 +++++++++++++++++++++ less/icons.less | 87 +++++++ less/mana.less | 6 + less/path.less | 10 + less/sizes.less | 8 + less/variables.less | 7 + 14 files changed, 1198 insertions(+) create mode 100644 README.md create mode 100644 css/mana.css create mode 100755 fonts/mana.eot create mode 100755 fonts/mana.svg create mode 100755 fonts/mana.ttf create mode 100755 fonts/mana.woff create mode 100644 index.html create mode 100644 less/core.less create mode 100644 less/cost.less create mode 100644 less/icons.less create mode 100644 less/mana.less create mode 100644 less/path.less create mode 100644 less/sizes.less create mode 100644 less/variables.less diff --git a/README.md b/README.md new file mode 100644 index 0000000..47bd540 --- /dev/null +++ b/README.md @@ -0,0 +1,33 @@ +# Mana v0.1 + +## The Magic: the Gathering mana symbol font! + +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—in your MtG app or website, documents, card images, anything! + +## Usage + +Each mana symbol has its own font character. Display them in a manner similar to [Keyrune](http://andrewgioia.github.io/Keyrune) using the `` 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 ``: + +```html + +``` + +## 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. + +## 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 + +* v0.1 - initial font creation and CSS/LESS files added diff --git a/css/mana.css b/css/mana.css new file mode 100644 index 0000000..54758a4 --- /dev/null +++ b/css/mana.css @@ -0,0 +1,588 @@ +/** + * Global */ +@font-face { + font-family: 'Mana'; + src: url('../fonts/mana.eot?v=0.1'); + src: url('../fonts/mana.eot?#iefix&v=0.1') format('embedded-opentype'), url('../fonts/mana.woff?v=0.1') format('woff'), url('../fonts/mana.ttf?v=0.1') format('truetype'), url('../fonts/mana.svg?v=0.1#mana') 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; + /* Better font rendering */ + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} +/** + * Mana cost styles */ +.ms-cost { + /** + * Base 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 */ + /** + * Split symbols */ + /** + * Phyrexian mana and size increases */ + /** + * Alternate tap */ + /** + * Snow mana */ + /** + * Tap symbols */ + /** + * Shadow */ +} +.ms-cost.ms-w, +.ms-cost.ms-pw { + background-color: #F0F2C0; +} +.ms-cost.ms-u, +.ms-cost.ms-pu { + background-color: #B5CDE3; +} +.ms-cost.ms-b, +.ms-cost.ms-pb { + background-color: #ACA29A; +} +.ms-cost.ms-r, +.ms-cost.ms-pr { + background-color: #DB8664; +} +.ms-cost.ms-g, +.ms-cost.ms-pg { + background-color: #93B483; +} +.ms-cost.ms-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-cost.ms-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-cost.ms-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-cost.ms-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-cost.ms-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-cost.ms-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-cost.ms-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-cost.ms-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-cost.ms-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-cost.ms-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-cost.ms-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-cost.ms-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-cost.ms-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-cost.ms-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-cost.ms-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 */ +} +.ms-cost.ms-p:before, +.ms-cost.ms-pw:before, +.ms-cost.ms-pu:before, +.ms-cost.ms-pb:before, +.ms-cost.ms-pr:before, +.ms-cost.ms-pg: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 #111111, 0 0.06em 0 #111111; +} +.ms-cost.ms-shadow.ms-untap { + box-shadow: -0.06em 0.07em 0 #ffffff, 0 0.06em 0 #ffffff; +} +/** + * 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; +} +/** + * 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-x:before { + content: "\e615"; +} +.ms-y:before { + content: "\e616"; +} +.ms-z:before { + content: "\e617"; +} +.ms-p:before, +.ms-pw:before, +.ms-pu:before, +.ms-pb:before, +.ms-pr:before, +.ms-pg:before { + content: "\e618"; +} +.ms-s:before { + content: "\e619"; +} +/** + * Tap/roll symbols */ +.ms-tap:before { + content: "\e61a"; +} +.ms-untap:before { + content: "\e61b"; +} +.ms-tap-alt:before { + content: "\e61c"; +} +.ms-chaos:before { + content: "\e61d"; +} +/** + * 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"; +} diff --git a/fonts/mana.eot b/fonts/mana.eot new file mode 100755 index 0000000000000000000000000000000000000000..58eea64e2a62e8c46de91d44944da00b80967bba GIT binary patch literal 12348 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 + + +Generated by IcoMoon + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/fonts/mana.ttf b/fonts/mana.ttf new file mode 100755 index 0000000000000000000000000000000000000000..822e9ecf5134ed777366e13f94102963da9acfb6 GIT binary patch literal 12196 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 literal 0 HcmV?d00001 diff --git a/fonts/mana.woff b/fonts/mana.woff new file mode 100755 index 0000000000000000000000000000000000000000..83b0272017b610f029a935a0a73249cae1a5d4bf GIT binary patch literal 12272 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 F|G&~4hY$b& literal 0 HcmV?d00001 diff --git a/index.html b/index.html new file mode 100644 index 0000000..50e71aa --- /dev/null +++ b/index.html @@ -0,0 +1,124 @@ + + + + + + Mana + + + + + +

Mana

+

MTG Mana Symbol Demos

+

+ 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). +

+

Regular mana symbols

+

+ + + + + + + + + + + + + + + + + + + + + + + + +

+

Phyrexian, snow, and split symbols

+

+ + + + + + +
+ + + + + + + + + + + + + + + +

+

Tap and roll symbols

+

+ + + + +

+

2x size (3-6x also included)

+

+ + + + + +

+

Future Sight type symbols

+

+ + + + + + + +

+ + + diff --git a/less/core.less b/less/core.less new file mode 100644 index 0000000..74f9005 --- /dev/null +++ b/less/core.less @@ -0,0 +1,14 @@ +.@{prefix} { + display: inline-block; + font: normal normal normal @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; +} diff --git a/less/cost.less b/less/cost.less new file mode 100644 index 0000000..750fd9e --- /dev/null +++ b/less/cost.less @@ -0,0 +1,274 @@ +/** + * Mana cost styles */ + +.@{prefix}-cost { + + /** + * Base 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 */ + &.@{prefix}-w, + &.@{prefix}-pw { + background-color: #F0F2C0; + } + &.@{prefix}-u, + &.@{prefix}-pu { + background-color: #B5CDE3; + } + &.@{prefix}-b, + &.@{prefix}-pb { + background-color: #ACA29A; + } + &.@{prefix}-r, + &.@{prefix}-pr { + background-color: #DB8664; + } + &.@{prefix}-g, + &.@{prefix}-pg { + background-color: #93B483; + } + + /** + * Split symbols */ + &.@{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 */ + } + &.@{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 */ + } + &.@{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 */ + } + &.@{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 */ + } + &.@{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 */ + } + &.@{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 */ + } + &.@{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 */ + } + &.@{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 */ + } + &.@{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 */ + } + &.@{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 */ + } + &.@{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 */ + } + &.@{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 */ + } + &.@{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 */ + } + &.@{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 */ + } + &.@{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 */ + &.@{prefix}-p:before, + &.@{prefix}-pw:before, + &.@{prefix}-pu:before, + &.@{prefix}-pb:before, + &.@{prefix}-pr:before, + &.@{prefix}-pg: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 */ + &.@{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 */ + &.@{prefix}-s:before { + color: #fff; + -webkit-text-stroke: 2px #fff; + font-size: 0.85em; + top: -0.05em; + position: relative; + display: inline-block; + } + &.@{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 */ + &.@{prefix}-untap { + background-color: #111; + color: #fff; + } + + /** + * Shadow */ + &.@{prefix}-shadow { + box-shadow: -0.06em 0.07em 0 #111, 0 0.06em 0 #111; + &.@{prefix}-untap { + box-shadow: -0.06em 0.07em 0 #fff, 0 0.06em 0 #fff; + } + } +} + +/** + * Split costs */ + +.@{prefix}-split { + position: relative; + width: 1.3em; + height: 1.3em; +} +.@{prefix}-split:before, +.@{prefix}-split:after { + font-size: 0.55em !important; + position: absolute; +} +.@{prefix}-split:before { + top: -0.38em; + left: 0.28em; +} +.@{prefix}-split:after { + top: 0.5em; + left: 1.0em; +} diff --git a/less/icons.less b/less/icons.less new file mode 100644 index 0000000..01c560e --- /dev/null +++ b/less/icons.less @@ -0,0 +1,87 @@ +/** + * Mana */ + +.@{prefix}-w:before { content: "\e600"; } +.@{prefix}-u:before { content: "\e601"; } +.@{prefix}-b:before { content: "\e602"; } +.@{prefix}-r:before { content: "\e603"; } +.@{prefix}-g:before { content: "\e604"; } +.@{prefix}-0:before { content: "\e605"; } +.@{prefix}-1:before { content: "\e606"; } +.@{prefix}-2:before { content: "\e607"; } +.@{prefix}-3:before { content: "\e608"; } +.@{prefix}-4:before { content: "\e609"; } +.@{prefix}-5:before { content: "\e60a"; } +.@{prefix}-6:before { content: "\e60b"; } +.@{prefix}-7:before { content: "\e60c"; } +.@{prefix}-8:before { content: "\e60d"; } +.@{prefix}-9:before { content: "\e60e"; } +.@{prefix}-10:before { content: "\e60f"; } +.@{prefix}-11:before { content: "\e610"; } +.@{prefix}-12:before { content: "\e611"; } +.@{prefix}-13:before { content: "\e612"; } +.@{prefix}-14:before { content: "\e613"; } +.@{prefix}-15:before { content: "\e614"; } +.@{prefix}-x:before { content: "\e615"; } +.@{prefix}-y:before { content: "\e616"; } +.@{prefix}-z:before { content: "\e617"; } +.@{prefix}-p:before, +.@{prefix}-pw:before, +.@{prefix}-pu:before, +.@{prefix}-pb:before, +.@{prefix}-pr:before, +.@{prefix}-pg:before { content: "\e618"; } +.@{prefix}-s:before { content: "\e619"; } + +/** + * Tap/roll symbols */ + +.@{prefix}-tap:before { content: "\e61a"; } +.@{prefix}-untap:before { content: "\e61b"; } +.@{prefix}-tap-alt:before { content: "\e61c"; } +.@{prefix}-chaos:before { content: "\e61d"; } + +/** + * Card types */ + +.@{prefix}-artifact:before { content: "\e61e"; } +.@{prefix}-creature:before { content: "\e61f"; } +.@{prefix}-enchantment:before { content: "\e620"; } +.@{prefix}-instant:before { content: "\e621"; } +.@{prefix}-land:before { content: "\e622"; } +.@{prefix}-planeswalker:before { content: "\e623"; } +.@{prefix}-sorcery:before { content: "\e624"; } + +/** + * Split symbols */ + +.@{prefix}-wu:before, +.@{prefix}-wb:before, +.@{prefix}-rw:after, +.@{prefix}-gw:after, +.@{prefix}-2w:after { content: "\e600"; } // white +.@{prefix}-ub:before, +.@{prefix}-ur:before, +.@{prefix}-wu:after, +.@{prefix}-gu:after, +.@{prefix}-2u:after { content: "\e601"; } // blue +.@{prefix}-br:before, +.@{prefix}-bg:before, +.@{prefix}-wb:after, +.@{prefix}-ub:after, +.@{prefix}-2b:after { content: "\e602"; } // black +.@{prefix}-rw:before, +.@{prefix}-rg:before, +.@{prefix}-ur:after, +.@{prefix}-br:after, +.@{prefix}-2r:after { content: "\e603"; } // red +.@{prefix}-gw:before, +.@{prefix}-gu:before, +.@{prefix}-bg:after, +.@{prefix}-rg:after, +.@{prefix}-2g:after { content: "\e604"; } // green +.@{prefix}-2w:before, +.@{prefix}-2u:before, +.@{prefix}-2b:before, +.@{prefix}-2r:before, +.@{prefix}-2g:before { content: "\e607"; } // 2 diff --git a/less/mana.less b/less/mana.less new file mode 100644 index 0000000..9ec4c71 --- /dev/null +++ b/less/mana.less @@ -0,0 +1,6 @@ +@import "variables.less"; +@import "path.less"; +@import "core.less"; +@import "cost.less"; +@import "sizes.less"; +@import "icons.less"; diff --git a/less/path.less b/less/path.less new file mode 100644 index 0000000..db7f1ee --- /dev/null +++ b/less/path.less @@ -0,0 +1,10 @@ +@font-face { + font-family: 'Mana'; + src:url( '@{font-path}/mana.eot?v=@{version}' ); + src:url( '@{font-path}/mana.eot?#iefix&v=@{version}') format( 'embedded-opentype' ), + url( '@{font-path}/mana.woff?v=@{version}') format( 'woff' ), + url( '@{font-path}/mana.ttf?v=@{version}') format( 'truetype' ), + url( '@{font-path}/mana.svg?v=@{version}#mana') format( 'svg' ); + font-weight: normal; + font-style: normal; +} diff --git a/less/sizes.less b/less/sizes.less new file mode 100644 index 0000000..c0599cc --- /dev/null +++ b/less/sizes.less @@ -0,0 +1,8 @@ +/** + * Larger sizes */ + +.@{prefix}-2x { font-size: 1.75em; } +.@{prefix}-3x { font-size: 2.25em; } +.@{prefix}-4x { font-size: 3.0em; } +.@{prefix}-5x { font-size: 3.75em; } +.@{prefix}-6x { font-size: 4.5em; } diff --git a/less/variables.less b/less/variables.less new file mode 100644 index 0000000..c0bcbc8 --- /dev/null +++ b/less/variables.less @@ -0,0 +1,7 @@ +/** + * Global */ + +@font-path: '../fonts'; +@version: '0.1'; +@font-size-base: 14px; +@prefix: ms;