Beginning of new white-border class; capitalized the font for desktop

This commit is contained in:
Andrew Gioia 2016-01-05 11:07:20 -05:00
parent e0faa23ffd
commit d31f7ce824
11 changed files with 98 additions and 10 deletions

1
.gitignore vendored Normal file
View File

@ -0,0 +1 @@
.DS_Store

View File

@ -46,7 +46,8 @@ Attribution is **greatly appreciated** but not required!
* v1.4.0 - Battle for Zendikar added * v1.4.0 - Battle for Zendikar added
* v1.4.1 - Zendikar Expeditions added * v1.4.1 - Zendikar Expeditions added
* v1.4.2 - Commander 2015 added * v1.4.2 - Commander 2015 added
* v1.4.3 - Beginning of white border add-on with .ss-border class; renamed font to Keyrune for desktop.
## Todo ## Todo
* Nothing yet! * Add Oath of the Gatewatch

View File

@ -1,19 +1,35 @@
{ {
"name": "keyrune", "name": "keyrune",
"description": "Keyrune", "homepage": "http://andrewgioia.github.io/Keyrune",
"version": "1.4.2", "version": "1.4.2",
"keywords": [], "authors": [
"homepage": "http://andrewgioia.com", "Andrew Gioia <andrewgioia@gmail.com>"
],
"description": "Magic: the Gathering set symbol pictographic font",
"main": [
"css/keyrune.css"
],
"keywords": [
"keyrune",
"mtg",
"set"
"set symbol",
"set code",
"magic",
"gathering",
"font"
],
"dependencies": {}, "dependencies": {},
"devDependencies": {}, "devDependencies": {},
"license": ["OFL-1.1", "MIT"], "license": [
"main": [ "OFL-1.1",
"./css/keyrune.css", "MIT"
"./fonts/*"
], ],
"ignore": [ "ignore": [
"*/.*", "*/.*",
"*.json", "*.json",
"*.md" "*.md",
"node_modules",
"bower_components"
] ]
} }

View File

@ -612,3 +612,46 @@
.ss-unh:before { .ss-unh:before {
content: "\e692"; content: "\e692";
} }
.ss-border:after {
content: "";
position: absolute;
left: -0.05em;
top: .0em;
color: #fff;
font-size: 1.15em;
z-index: -1;
background: #fff;
-webkit-text-stroke: 0.05em #fff;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.ss-border.ss-van:after {
content: "\e655";
}
.ss-border.ss-hop:after {
content: "\e656";
}
.ss-border.ss-arc:after {
content: "\e657";
}
.ss-border.ss-cmd:after {
content: "\e658";
}
.ss-border.ss-pc2:after {
content: "\e659";
}
.ss-border.ss-cm1:after {
content: "\e65a";
}
.ss-border.ss-c13:after {
content: "\e65b";
}
.ss-border.ss-cns:after {
content: "\e65c";
}
.ss-border.ss-c14:after {
content: "\e65d";
}
.ss-border.ss-c15:after {
content: "\e900";
}

Binary file not shown.

View File

@ -3,7 +3,7 @@
<svg xmlns="http://www.w3.org/2000/svg"> <svg xmlns="http://www.w3.org/2000/svg">
<metadata>Generated by IcoMoon</metadata> <metadata>Generated by IcoMoon</metadata>
<defs> <defs>
<font id="keyrune" horiz-adv-x="1024"> <font id="Keyrune" horiz-adv-x="1024">
<font-face units-per-em="1024" ascent="960" descent="-64" /> <font-face units-per-em="1024" ascent="960" descent="-64" />
<missing-glyph horiz-adv-x="1024" /> <missing-glyph horiz-adv-x="1024" />
<glyph unicode="&#x20;" horiz-adv-x="512" d="" /> <glyph unicode="&#x20;" horiz-adv-x="512" d="" />

Before

Width:  |  Height:  |  Size: 221 KiB

After

Width:  |  Height:  |  Size: 221 KiB

Binary file not shown.

Binary file not shown.

Binary file not shown.

26
less/border.less Normal file
View File

@ -0,0 +1,26 @@
.@{ss-prefix}-border {
&:after {
content: "";
position: absolute;
left: -.05em;
top: .0em;
color: #fff;
font-size: 1.15em;
z-index: -1;
background: #fff;
-webkit-text-stroke: 0.05em #fff;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
&.@{ss-prefix}-van:after { content: "\e655"; } // Vanguard
&.@{ss-prefix}-hop:after { content: "\e656"; } // Planechase 2009
&.@{ss-prefix}-arc:after { content: "\e657"; } // Archenemy
&.@{ss-prefix}-cmd:after { content: "\e658"; } // Commander
&.@{ss-prefix}-pc2:after { content: "\e659"; } // Planechase 2012
&.@{ss-prefix}-cm1:after { content: "\e65a"; } // Commander's Arsenal
&.@{ss-prefix}-c13:after { content: "\e65b"; } // Commander 2013
&.@{ss-prefix}-cns:after { content: "\e65c"; } // Conspiracy
&.@{ss-prefix}-c14:after { content: "\e65d"; } // Commander 2014
&.@{ss-prefix}-c15:after { content: "\e900"; } // Commander 2015
}

View File

@ -5,3 +5,4 @@
@import "rarities.less"; @import "rarities.less";
@import "width.less"; @import "width.less";
@import "icons.less"; @import "icons.less";
@import "border.less";