mirror of
https://github.com/andrewgioia/mana.git
synced 2024-11-21 22:54:45 +00:00
Fix to handle half cost in single element
This commit is contained in:
Andrew Gioia
parent
8bf7aea771
commit
1ef90957f8
@ -1,4 +1,4 @@
|
|||||||
# Mana v1.4.0
|
# Mana v1.4.1
|
||||||
|
|
||||||
## The Magic: the Gathering mana symbol font!
|
## The Magic: the Gathering mana symbol font!
|
||||||
|
|
||||||
@ -62,6 +62,7 @@ Attribution is **greatly appreciated** but not required!
|
|||||||
|
|
||||||
## Changelog
|
## Changelog
|
||||||
|
|
||||||
|
* v1.4.1 - half mana symbol fix using just the icon element (issue #6)
|
||||||
* v1.4.0 - big update: artist, Poleis, power/toughness, DFC enchantment, and multiple type symbols added; simplified split cost handling; more planeswalker loyalties; SASS support
|
* v1.4.0 - big update: artist, Poleis, power/toughness, DFC enchantment, and multiple type symbols added; simplified split cost handling; more planeswalker loyalties; SASS support
|
||||||
* v1.3.2 - incrementing for new npm publish and jsDelivr note; fixed docs
|
* v1.3.2 - incrementing for new npm publish and jsDelivr note; fixed docs
|
||||||
* v1.3.1 - fixed class name issue for 1,000,000 symbol
|
* v1.3.1 - fixed class name issue for 1,000,000 symbol
|
||||||
|
|||||||
@ -1,7 +1,7 @@
|
|||||||
{
|
{
|
||||||
"name": "mana",
|
"name": "mana",
|
||||||
"homepage": "https://github.com/andrewgioia/Mana",
|
"homepage": "https://github.com/andrewgioia/Mana",
|
||||||
"version": "1.4.0",
|
"version": "1.4.1",
|
||||||
"authors": [
|
"authors": [
|
||||||
"Andrew Gioia <andrewgioia@gmail.com>"
|
"Andrew Gioia <andrewgioia@gmail.com>"
|
||||||
],
|
],
|
||||||
|
|||||||
21
css/mana.css
21
css/mana.css
@ -2,15 +2,15 @@
|
|||||||
* Global */
|
* Global */
|
||||||
@font-face {
|
@font-face {
|
||||||
font-family: 'Mana';
|
font-family: 'Mana';
|
||||||
src: url('../fonts/mana.eot?v=1.4.0');
|
src: url('../fonts/mana.eot?v=1.4.1');
|
||||||
src: url('../fonts/mana.eot?#iefix&v=1.4.0') format('embedded-opentype'), url('../fonts/mana.woff?v=1.4.0') format('woff'), url('../fonts/mana.ttf?v=1.4.0') format('truetype'), url('../fonts/mana.svg?v=1.4.0#mana') format('svg');
|
src: url('../fonts/mana.eot?#iefix&v=1.4.1') format('embedded-opentype'), url('../fonts/mana.woff?v=1.4.1') format('woff'), url('../fonts/mana.ttf?v=1.4.1') format('truetype'), url('../fonts/mana.svg?v=1.4.1#mana') format('svg');
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
}
|
}
|
||||||
@font-face {
|
@font-face {
|
||||||
font-family: 'MPlantin';
|
font-family: 'MPlantin';
|
||||||
src: url('../fonts/mplantin.eot?v=1.4.0');
|
src: url('../fonts/mplantin.eot?v=1.4.1');
|
||||||
src: url('../fonts/mplantin.eot?#iefix&v=1.4.0') format('embedded-opentype'), url('../fonts/mplantin.woff?v=1.4.0') format('woff'), url('../fonts/mplantin.ttf?v=1.4.0') format('truetype'), url('../fonts/mplantin.svg?v=1.4.0#mplantin') format('svg');
|
src: url('../fonts/mplantin.eot?#iefix&v=1.4.1') format('embedded-opentype'), url('../fonts/mplantin.woff?v=1.4.1') format('woff'), url('../fonts/mplantin.ttf?v=1.4.1') format('truetype'), url('../fonts/mplantin.svg?v=1.4.1#mplantin') format('svg');
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
}
|
}
|
||||||
@ -363,15 +363,24 @@
|
|||||||
}
|
}
|
||||||
/**
|
/**
|
||||||
* Half costs */
|
* Half costs */
|
||||||
.ms-half {
|
span.ms-half {
|
||||||
width: .675em;
|
width: .675em;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
margin-left: .675em;
|
margin-left: .675em;
|
||||||
}
|
}
|
||||||
.ms-half > .ms-cost {
|
span.ms-half > .ms-cost {
|
||||||
margin-left: -0.675em;
|
margin-left: -0.675em;
|
||||||
}
|
}
|
||||||
|
.ms-half {
|
||||||
|
width: .675em;
|
||||||
|
margin-left: .675em;
|
||||||
|
overflow: hidden;
|
||||||
|
border-radius: 0 1em 1em 0;
|
||||||
|
}
|
||||||
|
.ms-half:before {
|
||||||
|
margin-left: -0.65em;
|
||||||
|
}
|
||||||
/**
|
/**
|
||||||
* Un-set costs */
|
* Un-set costs */
|
||||||
.ms-100 {
|
.ms-100 {
|
||||||
|
|||||||
2
css/mana.min.css
vendored
2
css/mana.min.css
vendored
File diff suppressed because one or more lines are too long
366
index.html
366
index.html
@ -5,18 +5,25 @@
|
|||||||
<meta http-equiv="X-UA-Compatible" content="chrome=1" />
|
<meta http-equiv="X-UA-Compatible" content="chrome=1" />
|
||||||
<title>Mana</title>
|
<title>Mana</title>
|
||||||
<link rel="stylesheet" href="css/mana.css?v=1.4.0" />
|
<link rel="stylesheet" href="css/mana.css?v=1.4.0" />
|
||||||
|
<link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700,700i">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
|
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
|
||||||
<style type="text/css">
|
<style type="text/css">
|
||||||
|
html {
|
||||||
|
border-top: 5px solid #CBC8BB;
|
||||||
|
}
|
||||||
body {
|
body {
|
||||||
background: #fff;
|
background: #fff;
|
||||||
border-top: 3px solid #CBC8BB;
|
|
||||||
color: #333;
|
color: #333;
|
||||||
font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans",
|
font-family: 'Open Sans', 'Lucida Grande', 'Lucida Sans Unicode',
|
||||||
Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
|
'Lucida Sans', Geneva, 'Helvetica Neue', Helvetica, Arial, sans-serif;
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
line-height: 1.6em;
|
line-height: 1.6em;
|
||||||
margin: 0;
|
margin: 0 auto;
|
||||||
padding: 0 100px;
|
padding: 0 100px;
|
||||||
|
max-width: 1280px;
|
||||||
|
}
|
||||||
|
h1, h2, .mplantin {
|
||||||
|
font-family: MPlantin, Times, serif;
|
||||||
}
|
}
|
||||||
h3 {
|
h3 {
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
@ -31,6 +38,29 @@
|
|||||||
margin: 40px 0 0;
|
margin: 40px 0 0;
|
||||||
padding: 20px 0 30px;
|
padding: 20px 0 30px;
|
||||||
}
|
}
|
||||||
|
.pt {
|
||||||
|
font-size: 19px;
|
||||||
|
display: inline-block;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
.left {
|
||||||
|
width: 46%;
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
.right {
|
||||||
|
width: 46%;
|
||||||
|
float: right;
|
||||||
|
}
|
||||||
|
@media screen and (max-width: 1280px) {
|
||||||
|
.left, .right {
|
||||||
|
float: none;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
.sm-screen {
|
||||||
|
display: inline-block;
|
||||||
|
padding-right: 10px;
|
||||||
|
}
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
@ -38,160 +68,182 @@
|
|||||||
<h2>MTG Mana Symbol Demos</h2>
|
<h2>MTG Mana Symbol Demos</h2>
|
||||||
<p>
|
<p>
|
||||||
This HTML file is for demo purposes and is not necessary for Mana installation or use.
|
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).
|
You can view all of the mana symbol font icons and the available examples below
|
||||||
</p>
|
(casting cost background and increased sizes). Please take a look at the
|
||||||
<h3>Regular mana symbols</h3>
|
<a href="https://andrewgioia.github.io/Mana">Mana documentation page</a> for
|
||||||
<p>
|
the full set of icons, attributes, and usages.
|
||||||
<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-cost ms-shadow"></i>
|
|
||||||
<i class="ms ms-wb ms-cost ms-shadow"></i>
|
|
||||||
<i class="ms ms-ub ms-cost ms-shadow"></i>
|
|
||||||
<i class="ms ms-ur ms-cost ms-shadow"></i>
|
|
||||||
<i class="ms ms-br ms-cost ms-shadow"></i>
|
|
||||||
<i class="ms ms-bg ms-cost ms-shadow"></i>
|
|
||||||
<i class="ms ms-rw ms-cost ms-shadow"></i>
|
|
||||||
<i class="ms ms-rg ms-cost ms-shadow"></i>
|
|
||||||
<i class="ms ms-gw ms-cost ms-shadow"></i>
|
|
||||||
<i class="ms ms-gu ms-cost ms-shadow"></i>
|
|
||||||
<i class="ms ms-2w ms-cost ms-shadow"></i>
|
|
||||||
<i class="ms ms-2u ms-cost ms-shadow"></i>
|
|
||||||
<i class="ms ms-2b ms-cost ms-shadow"></i>
|
|
||||||
<i class="ms ms-2r ms-cost ms-shadow"></i>
|
|
||||||
<i class="ms ms-2g ms-cost ms-shadow"></i>
|
|
||||||
</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>
|
|
||||||
|
|
||||||
<i class="ms ms-flashback ms-2x"></i>
|
|
||||||
<i class="ms ms-multiple 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>
|
|
||||||
<i class="ms ms-dfc ms-dfc-enchantment 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>
|
|
||||||
|
|
||||||
<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>
|
|
||||||
<h3>Poleis Symbols</h3>
|
|
||||||
<p>
|
|
||||||
<i class="ms ms-polis-setessa ms-2x"></i>
|
|
||||||
<i class="ms ms-polis-akros ms-2x"></i>
|
|
||||||
<i class="ms ms-polis-meletis ms-2x"></i>
|
|
||||||
</p>
|
</p>
|
||||||
|
<div class="left">
|
||||||
|
<h3>Regular mana symbols</h3>
|
||||||
|
<p>
|
||||||
|
<div class="sm-screen">
|
||||||
|
<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>
|
||||||
|
</div>
|
||||||
|
<div class="sm-screen">
|
||||||
|
<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>
|
||||||
|
</div>
|
||||||
|
<div class="sm-screen">
|
||||||
|
<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>
|
||||||
|
</div>
|
||||||
|
</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-cost ms-shadow"></i>
|
||||||
|
<i class="ms ms-wb ms-cost ms-shadow"></i>
|
||||||
|
<i class="ms ms-ub ms-cost ms-shadow"></i>
|
||||||
|
<i class="ms ms-ur ms-cost ms-shadow"></i>
|
||||||
|
<i class="ms ms-br ms-cost ms-shadow"></i>
|
||||||
|
<i class="ms ms-bg ms-cost ms-shadow"></i>
|
||||||
|
<i class="ms ms-rw ms-cost ms-shadow"></i>
|
||||||
|
<i class="ms ms-rg ms-cost ms-shadow"></i>
|
||||||
|
<i class="ms ms-gw ms-cost ms-shadow"></i>
|
||||||
|
<i class="ms ms-gu ms-cost ms-shadow"></i>
|
||||||
|
<i class="ms ms-2w ms-cost ms-shadow"></i>
|
||||||
|
<i class="ms ms-2u ms-cost ms-shadow"></i>
|
||||||
|
<i class="ms ms-2b ms-cost ms-shadow"></i>
|
||||||
|
<i class="ms ms-2r ms-cost ms-shadow"></i>
|
||||||
|
<i class="ms ms-2g ms-cost ms-shadow"></i>
|
||||||
|
</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>Half mana symbols <small>[<a href="http://gatherer.wizards.com/Pages/Card/Details.aspx?multiverseid=74257">Source</a>]</small></h3>
|
||||||
|
<p>
|
||||||
|
<i class="ms ms-w ms-half ms-cost"></i>
|
||||||
|
<i class="ms ms-u ms-half ms-cost"></i>
|
||||||
|
<i class="ms ms-b ms-half ms-cost"></i>
|
||||||
|
<i class="ms ms-r ms-half ms-cost"></i>
|
||||||
|
<i class="ms ms-g ms-half ms-cost"></i>
|
||||||
|
</p>
|
||||||
|
<h3>Portal power and toughness symbols</h3>
|
||||||
|
<p>
|
||||||
|
<span class="mplantin pt">4</span>
|
||||||
|
<i class="ms ms-power" style="font-size: 1.05em; margin: -8px 0 0 -3px;"></i>
|
||||||
|
<span class="mplantin pt" style="margin-left: -3px;">/</span>
|
||||||
|
<span class="mplantin pt" style="margin-left: -2px;">5</span>
|
||||||
|
<i class="ms ms-toughness" style="font-size: 1.05em; margin: -9px 0 0 -3px;"></i>
|
||||||
|
</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>
|
||||||
|
</div>
|
||||||
|
<div class="right">
|
||||||
|
<h3>Future Sight and other 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>
|
||||||
|
|
||||||
|
<i class="ms ms-flashback ms-2x"></i>
|
||||||
|
<i class="ms ms-multiple 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>
|
||||||
|
<i class="ms ms-dfc ms-dfc-enchantment 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>
|
||||||
|
|
||||||
|
<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>
|
||||||
|
<h3>Poleis Symbols</h3>
|
||||||
|
<p>
|
||||||
|
<i class="ms ms-polis-setessa ms-2x"></i>
|
||||||
|
<i class="ms ms-polis-akros ms-2x"></i>
|
||||||
|
<i class="ms ms-polis-meletis ms-2x"></i>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div style="clear: both;"></div>
|
||||||
<footer>
|
<footer>
|
||||||
Made with ♥ by <a href="http://andrewgioia.com">Andrew Gioia</a>
|
Made with ♥ by <a href="http://andrewgioia.com">Andrew Gioia</a>
|
||||||
</footer>
|
</footer>
|
||||||
|
|||||||
@ -302,7 +302,8 @@
|
|||||||
/**
|
/**
|
||||||
* Half costs */
|
* Half costs */
|
||||||
|
|
||||||
.@{ms-prefix}-half {
|
// Legacy handling with <span> tag
|
||||||
|
span.@{ms-prefix}-half {
|
||||||
width: .675em;
|
width: .675em;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
@ -313,6 +314,17 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// New single-element handling!
|
||||||
|
.@{ms-prefix}-half {
|
||||||
|
width: .675em;
|
||||||
|
margin-left: .675em;
|
||||||
|
overflow: hidden;
|
||||||
|
border-radius: 0 1em 1em 0;
|
||||||
|
&:before {
|
||||||
|
margin-left: -.65em;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Un-set costs */
|
* Un-set costs */
|
||||||
|
|
||||||
|
|||||||
@ -2,7 +2,7 @@
|
|||||||
* Global */
|
* Global */
|
||||||
|
|
||||||
@ms-font-path: '../fonts';
|
@ms-font-path: '../fonts';
|
||||||
@ms-version: '1.4.0';
|
@ms-version: '1.4.1';
|
||||||
@ms-font-size-base: 14px;
|
@ms-font-size-base: 14px;
|
||||||
@ms-prefix: ms;
|
@ms-prefix: ms;
|
||||||
@ms-serif-font: MPlantin, Garamond, Palatino, 'Times New Roman', Times, serif;
|
@ms-serif-font: MPlantin, Garamond, Palatino, 'Times New Roman', Times, serif;
|
||||||
|
|||||||
@ -1,6 +1,6 @@
|
|||||||
{
|
{
|
||||||
"name": "mana-font",
|
"name": "mana-font",
|
||||||
"version": "1.4.0",
|
"version": "1.4.1",
|
||||||
"description": "Magic: the Gathering mana symbol pictographic font",
|
"description": "Magic: the Gathering mana symbol pictographic font",
|
||||||
"main": "css/mana.css",
|
"main": "css/mana.css",
|
||||||
"repository": {
|
"repository": {
|
||||||
|
|||||||
@ -302,7 +302,8 @@
|
|||||||
/**
|
/**
|
||||||
* Half costs */
|
* Half costs */
|
||||||
|
|
||||||
.#{$ms-prefix}-half {
|
// Legacy handling with <span> tag
|
||||||
|
span.#{$ms-prefix}-half {
|
||||||
width: .675em;
|
width: .675em;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
@ -313,6 +314,18 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// New single-element handling!
|
||||||
|
.#{$ms-prefix}-half {
|
||||||
|
width: .675em;
|
||||||
|
margin-left: .675em;
|
||||||
|
overflow: hidden;
|
||||||
|
border-radius: 0 1em 1em 0;
|
||||||
|
&:before {
|
||||||
|
margin-left: -.65em;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Un-set costs */
|
* Un-set costs */
|
||||||
|
|
||||||
|
|||||||
@ -2,7 +2,7 @@
|
|||||||
* Global */
|
* Global */
|
||||||
|
|
||||||
$ms-font-path: '../fonts' !default;
|
$ms-font-path: '../fonts' !default;
|
||||||
$ms-version: '1.4.0' !default;
|
$ms-version: '1.4.1' !default;
|
||||||
$ms-font-size-base: 14px !default;
|
$ms-font-size-base: 14px !default;
|
||||||
$ms-prefix: ms !default;
|
$ms-prefix: ms !default;
|
||||||
$ms-serif-font: 'MPlantin, Garamond, Palatino, 'Times New Roman', Times, serif' !default;
|
$ms-serif-font: 'MPlantin, Garamond, Palatino, 'Times New Roman', Times, serif' !default;
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user