Adding double faced card symbols

This commit is contained in:
Andrew Gioia 2016-05-31 10:53:22 -04:00
parent 3879266645
commit 784744a2aa
15 changed files with 49 additions and 14 deletions

3
.gitignore vendored
View File

@ -1 +1,2 @@
.idea
.idea
.DS_Store

View File

@ -1,4 +1,4 @@
# Mana v0.5
# Mana v0.6
## The Magic: the Gathering mana symbol font!
@ -35,3 +35,4 @@ Attribution is **greatly appreciated** but not required!
* v0.3 - phyrexian mana classes use MTGJson standard; project-specific LESS prefix added (@JayGray)
* v0.4 - adding classes for 16, 17, 18, 19, and 20 symbols
* v0.5 - adding the new colorless wastes symbol
* v0.6 - adding double-faced card symbols (day, night)

View File

@ -2,15 +2,15 @@
* Global */
@font-face {
font-family: 'Mana';
src: url('../fonts/mana.eot?v=0.5');
src: url('../fonts/mana.eot?#iefix&v=0.5') format('embedded-opentype'), url('../fonts/mana.woff?v=0.5') format('woff'), url('../fonts/mana.ttf?v=0.5') format('truetype'), url('../fonts/mana.svg?v=0.5#mana') format('svg');
src: url('../fonts/mana.eot?v=0.6');
src: url('../fonts/mana.eot?#iefix&v=0.6') format('embedded-opentype'), url('../fonts/mana.woff?v=0.6') format('woff'), url('../fonts/mana.ttf?v=0.6') format('truetype'), url('../fonts/mana.svg?v=0.6#mana') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'MPlantin';
src: url('../fonts/mplantin.eot?v=0.5');
src: url('../fonts/mplantin.eot?#iefix&v=0.5') format('embedded-opentype'), url('../fonts/mplantin.woff?v=0.5') format('woff'), url('../fonts/mplantin.ttf?v=0.5') format('truetype'), url('../fonts/mplantin.svg?v=0.5#mplantin') format('svg');
src: url('../fonts/mplantin.eot?v=0.6');
src: url('../fonts/mplantin.eot?#iefix&v=0.6') format('embedded-opentype'), url('../fonts/mplantin.woff?v=0.6') format('woff'), url('../fonts/mplantin.ttf?v=0.6') format('truetype'), url('../fonts/mplantin.svg?v=0.6#mplantin') format('svg');
font-weight: normal;
font-style: normal;
}
@ -24,7 +24,6 @@
speak: none;
text-transform: none;
vertical-align: middle;
/* Better font rendering */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
@ -249,10 +248,10 @@
color: #fff;
}
.ms-cost.ms-shadow {
box-shadow: -0.06em 0.07em 0 #111111, 0 0.06em 0 #111111;
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 #ffffff, 0 0.06em 0 #ffffff;
box-shadow: -0.06em 0.07em 0 #fff, 0 0.06em 0 #fff;
}
/**
* Split costs */
@ -435,6 +434,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 {
@ -669,3 +676,9 @@
.ms-flashback:before {
content: "\e629";
}
.ms-dfc-night:before {
content: "\e905";
}
.ms-dfc-day:before {
content: "\e906";
}

2
css/mana.min.css vendored

File diff suppressed because one or more lines are too long

Binary file not shown.

View File

@ -59,4 +59,6 @@
<glyph unicode="&#xe902;" glyph-name="half" d="M544.586 959.994v-361.866c0-43.3 18.21-64.936 54.68-64.936h9.506v-24.77h-192.544v24.77h12.084c35.264 0 52.886 21.636 52.886 64.936v237.38c0 43.79-15.224 65.72-45.614 65.72h-19.356v23.972h6.982c37.594 0 71.636 11.612 102.056 34.8l19.32-0.006zM666.792 48.232l-33.256-112.232h-276.328v23.994c13.424 14.958 42.838 45.128 88.25 90.546 27.35 27.366 54.424 56.246 81.26 86.698 13.414 14.952 23.746 27.874 30.95 38.704 15.996 23.204 24 46.928 24 71.204 0 23.712-7.338 44.628-22.044 62.676-14.704 18.072-33.672 27.12-56.91 27.12-50.036 0-89.248-33.832-117.626-101.414l-24.79 9.288c33.544 94.924 86.418 142.416 158.67 142.416 35.608 0 65.92-12.122 90.946-36.37 25.038-24.254 37.542-54.17 37.542-89.796 0-45.416-26.040-89.782-78.164-133.118l-54.17-44.874c-34.582-28.92-63.24-56.004-85.908-81.29-1.58-1.54-4.66-5.166-9.29-10.836h143.948c22.178 0 38.958 4.378 50.3 13.17 9.786 7.74 19.37 22.45 28.654 44.114h23.966zM892 468.684v-43.368h-760v43.368h760z" />
<glyph unicode="&#xe903;" glyph-name="infinity" d="M687.438 552q-24.358-15.63-56.944-41.48t-69.45-61.318q68.464-69.134 126.064-103.098 57.602-33.966 102.366-33.966 30.942 0 57.274 11.122 26.332 11.12 45.752 30.658t30.61 45.088q11.192 25.548 11.192 54.404t-11.192 52.602q-11.19 23.746-30.94 40.878-19.748 17.134-46.74 26.752-26.99 9.62-59.246 9.62-47.398 0-98.746-31.262zM240.45 312.138q47.398 0 104.34 32.762 56.944 32.764 120.8 98.892-65.172 69.734-124.42 104.602t-110.594 34.868q-30.942 0-56.944-10.522-26.004-10.52-44.764-28.554-18.762-18.036-29.296-42.082-10.532-24.046-10.532-51.098 0-28.856 11.52-54.104 11.52-25.25 31.928-44.186t48.056-29.758q27.648-10.82 59.906-10.82zM228.6 658.406q139.56 0 287.020-156.302 43.448 42.082 84.264 73.944 40.814 31.86 71.754 48.694 31.6 16.832 65.172 25.248 33.574 8.416 66.49 8.416 47.398 0 87.882-15.63 40.486-15.63 70.11-43.284 29.624-27.652 46.082-66.428 16.456-38.774 16.456-84.462 0-46.29-18.102-85.066-18.104-38.774-50.36-66.728-32.258-27.954-76.692-43.584-44.436-15.63-96.442-15.63-61.222 0-129.686 37.572t-144.168 112.718q-73.73-75.146-144.828-112.718-71.096-37.572-140.876-37.572-46.74 0-87.226 16.232-40.486 16.23-70.768 44.184t-47.398 66.128-17.116 82.66q0 45.086 17.776 83.862 17.774 38.774 48.714 67.030 30.94 28.254 72.742 44.484 41.802 16.232 89.2 16.232z" />
<glyph unicode="&#xe904;" glyph-name="c" d="M429.026 770.134c32.402 45.904 53.618 98.288 82.782 146.198 28.158-46.29 48.602-96.976 79.462-141.646 65.654-97.052 150.21-181.454 247.262-247.106 44.824-30.938 95.588-51.46 141.878-79.85-46.598-27.774-97.208-48.372-141.954-79.31-98.596-66.732-184.31-152.676-250.272-251.812-29.394-43.436-49.144-92.348-76.454-136.94-28.236 46.212-48.68 96.898-79.54 141.568-65.732 96.976-149.978 181.686-247.186 247.184-44.668 30.784-95.278 51.304-141.414 79.772 47.988 28.778 100.14 50.224 146.044 82.396 93.582 64.188 175.050 146.12 239.392 239.546zM235.922 448.038c107.47-74.68 201.282-168.262 275.73-275.884 74.836 107.392 168.186 201.59 276.194 275.73-107.7 74.68-201.436 168.416-276.194 275.962-74.68-107.392-168.184-201.204-275.73-275.808z" />
<glyph unicode="&#xe905;" glyph-name="dfc-night" d="M472.98 956.64c65.98 4.82 133-2.96 195.94-23.38 118.68-38.44 221.6-122.5 283.42-230.8 43-74.62 66.48-160.3 67.58-246.42 1.4-79.040-15.88-158.32-50.2-229.54-50.42-105.48-138.3-192.54-244.5-241.56-70.78-33.060-149.3-49.060-227.38-46.76-83.96 2.020-167.18 25.78-239.74 68.020-112.24 64.7-197.66 173.88-233.66 298.32-25.72 87.9-27.060 182.72-4.16 271.36 27.020 106.54 90.1 203.32 176.080 271.68 78.52 63 176.3 101.34 276.62 109.080zM253.66 790.3c-58.92-44.18-107.7-102.4-138.62-169.4-29.18-62.44-42.72-132.2-38.32-201.020 3.96-70.9 27.020-140.42 65.060-200.3 38.74-61.12 92.6-112.32 154.88-149.040 77.12-45.66 166.74-70.14 256.38-69.62-19.92 5.98-39.46 13.22-58.38 21.8-77.96 35.64-148.24 89.72-198.5 159.56-43.22 59.28-71.94 129.16-82.060 201.88-11.38 82 0.76 167.22 35.2 242.56 40.080 88.86 109.32 163.74 193.34 212.82 35.060 20.76 72.36 37.94 111.48 49.54-107.22-0.34-214.020-35.3-300.46-98.78z" />
<glyph unicode="&#xe906;" glyph-name="dfc-day" d="M473.302 956.394c117.026 9.518 236.88-23.568 332.59-91.56 104.974-73.712 180.536-188.228 205.73-314.102 18.722-91.384 12.092-187.95-19.732-275.712-24.086-67.302-62.896-129.18-112.374-180.728-52.704-54.656-117.6-97.636-188.828-124.074-92.642-34.986-195.516-41.398-291.998-19.63-61.096 13.952-119.618 39.24-171.55 74.326-62.798 42.426-116.116 98.882-154.59 164.204-38.058 64.272-61.49 137.074-68.358 211.42-7.878 84.516 5.542 171.010 39.246 248.958 30.736 71.694 78.412 135.966 137.766 186.564 81.282 69.716 185.186 112.854 292.098 120.334zM392.634 886.106c-7.284-27.050-20.168-52.974-39.98-73.040-22.344-23.824-52.346-40.23-84.35-46.66-25.55-5.126-52.248-3.522-77.284 3.582 5.542-22.48 9.48-45.89 5.66-69.002-5.066-42.15-28.162-81.806-62.342-106.996-18.088-13.992-39.562-22.58-61.452-28.596 29.628-27.782 48.806-66.666 50.944-107.372 2.018-31.444-6.076-63.6-22.246-90.67-8.054-13.852-18.98-25.646-30.024-37.122 7.938-2.91 16.19-4.85 24.086-7.936 31.864-12.268 59.532-35.224 77.206-64.47 19.83-32.058 27.668-71.418 21.098-108.56-1.188-7.896-4.058-15.474-4.572-23.488 14.388 2.434 28.538 7.024 43.302 6.826 36.832 1.762 74-10.112 103.212-32.552 29.568-22.48 50.21-55.644 58.72-91.7 24.918 27.012 58.84 45.87 95.394 50.936 30.538 5.046 62.362-0.652 90.288-13.654 19.454-9.024 36.236-22.856 50.824-38.43 4.63 15.95 9.024 32.176 17.554 46.582 23.572 43.278 68.972 73.832 117.976 79.254 23.234 3.562 46.924-0.318 69.288-6.906-9.638 30.692-10.886 64.034-1.346 94.904 13.518 46.424 50.032 85.25 95.434 101.812 7.618 3.008 15.792 4.394 23.254 7.896-19.87 18.324-36.178 40.824-44.886 66.568-15.814 43.494-10.252 93.678 13.834 133.096 7.856 13.932 19.434 25.052 30.004 36.866-6.018 1.722-12.074 3.166-17.992 5.086-47.834 14.822-86.606 54.676-100.914 102.564-6.73 20.658-7.324 42.644-5.622 64.134 1.168 10.686 4.434 20.976 6.532 31.484-14.368-2.712-28.618-6.946-43.382-6.828-35.744-1.404-71.782 9.836-100.48 31.148-21.176 15.336-37.86 36.41-49.22 59.86-5.108 10.488-8.116 21.786-11.994 32.73-22.126-23.41-51.14-40.27-82.708-47.038-42.036-9.478-87.734-0.554-123.358 23.568-10.192 6.67-18.94 15.178-27.984 23.212-0.614-0.276-1.862-0.812-2.474-1.088zM471.284 758.392c48.388 7.518 98.204 0 144.080-16.346 55.196-20.362 105.506-55.606 140.854-102.92 28.478-37.46 48.508-81.25 58.166-127.298 4.056-17.652 5.304-35.718 6.866-53.706 0.912-76.008-26.54-151.996-75.938-209.836-26.48-31.762-60.58-56.694-97.332-75.336-54.566-26.99-117.086-38.904-177.568-30.334-63.074 8.824-123.338 36.964-170.422 79.846-55.93 51.648-91.494 124.35-99.114 199.982-6.926 72.406 14.072 146.532 55.614 205.996 48.646 71.378 129.632 118.434 214.794 129.952zM476.924 780.020c-77.284-5.936-151.204-42.486-204.602-98.428-56.008-56.338-90.564-134.046-92.642-213.636-1.326-11.774-1.246-23.706 0.060-35.48 0.692-30.514 6.59-60.81 16.228-89.74 21.216-64.056 64.362-119.502 117.936-159.95 55.99-41.656 125.99-64.986 195.912-62.69 26.818-0.732 53.694 1.602 79.74 8.132 84.904 19.572 159.12 76.306 204.66 149.998 23.532 38.092 38.474 81.25 44.432 125.576 5.382 46.484 3.462 94.252-9.56 139.39-12.944 46.384-36.97 89.504-68.892 125.518-14.468 15.178-29.054 30.434-45.62 43.356-31.784 25.212-68.358 44.406-107.248 55.942-42.096 12.724-86.744 15.99-130.404 12.012z" />
</font></defs></svg>

Before

Width:  |  Height:  |  Size: 65 KiB

After

Width:  |  Height:  |  Size: 69 KiB

Binary file not shown.

Binary file not shown.

Binary file not shown.

View File

@ -113,7 +113,7 @@
<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>New: <a href="http://gatherer.wizards.com/Pages/Card/Details.aspx?multiverseid=74257">Half mana symbols</a></h3>
<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>
@ -121,7 +121,7 @@
<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>New: Un-set mana symbols</h3>
<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>
@ -147,6 +147,11 @@
<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>
</p>
<footer>
Made with &hearts; by <a href="http://andrewgioia.com">Andrew Gioia</a>
</footer>

View File

@ -8,7 +8,7 @@
speak: none;
text-transform: none;
vertical-align: middle;
/* Better font rendering */
// Better font rendering
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

9
less/dfc.less Normal file
View File

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

View File

@ -96,6 +96,7 @@
/**
* Un-set symbols */
.@{ms-prefix}-100:before { content: "\e900"; }
.@{ms-prefix}-100000:before { content: "\e901"; }
@ -111,3 +112,5 @@
* Other */
.@{ms-prefix}-flashback:before { content: "\e629"; }
.@{ms-prefix}-dfc-night:before { content: "\e905"; }
.@{ms-prefix}-dfc-day:before { content: "\e906"; }

View File

@ -3,5 +3,6 @@
@import "core.less";
@import "cost.less";
@import "loyalty.less";
@import "dfc.less";
@import "sizes.less";
@import "icons.less";

View File

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