andrew/keyrune
andrew/keyrune
1
0
Fork 0
mirror of https://github.com/andrewgioia/keyrune.git synced 2025-11-03 23:50:45 +00:00
Code Issues Projects Releases Wiki Activity

Updating the docs for v0.2; examples page hover state changes

Browse Source
This commit is contained in:
Andrew Gioia 2015-03-21 18:23:07 -04:00
parent 465e2af6a9
commit 633777a103
8 changed files with 182 additions and 160 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
bower_components/keyrune/.bower.json vendored
View File

@ -18,11 +18,11 @@
"*.json",
"*.md"
],
"_release": "cc07053943",
"_release": "cb8a2fa161",
"_resolution": {
"type": "branch",
"branch": "master",
"commit": "cc07053943316927705e298280032671e77b98bc"
"commit": "cb8a2fa16152cc833f8cc2d71f617dd96ac3eac1"
},
"_source": "git://github.com/andrewgioia/keyrune.git",
"_target": "*",

BIN
bower_components/keyrune/fonts/keyrune.eot vendored
View File

Binary file not shown.

284
bower_components/keyrune/fonts/keyrune.svg vendored
View File

File diff suppressed because one or more lines are too long
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 208 KiB

After

Width:  |  Height:  |  Size: 210 KiB

BIN
bower_components/keyrune/fonts/keyrune.ttf vendored
View File

Binary file not shown.

BIN
bower_components/keyrune/fonts/keyrune.woff vendored
View File

Binary file not shown.

23
css/main.css
View File

@ -64,8 +64,9 @@ header {
.bigicon {
float: right;
font-size: 240px;
font-size: 272px;
line-height: 200px;
margin-top: -10px;
text-shadow: 0 2px 0 #fff;
}
@ -79,6 +80,14 @@ p {
margin: 20px 0;
}
ul {
margin: 0;
}
li {
margin: 0 0 10px;
}
h1 {
color: #444;
margin: 0;
@ -207,20 +216,30 @@ blockquote {
.icon span {
display: inline-block;
padding: 9px 15px;
padding: 9px 10px;
white-space: nowrap;
}
.icon:hover {
background: #eee;
position: relative;
margin-top: -4px;
margin-bottom: -5px;
}
.icon .ss {
font-size: 22px;
margin-right: 5px;
margin-top: -2px;
text-align: right;
width: 32px;
}
.icon:hover .ss {
font-size: 32px;
text-shadow: 0 1px 0 #fff;
}
.icon em {
color: #999;
font-size: 13px;

20
examples.html
View File

@ -59,20 +59,20 @@
<section class="content">
<h4>Icon Sizes</h4>
<div class="example float-left">
<span class="each"><i class="ss ss-wth ss-2x"></i> ss-2x</span>
<span class="each"><i class="ss ss-wth ss-3x"></i> ss-3x</span>
<span class="each"><i class="ss ss-wth ss-4x"></i> ss-4x</span>
<span class="each"><i class="ss ss-wth ss-5x"></i> ss-5x</span>
<span class="each"><i class="ss ss-wth ss-6x"></i> ss-6x</span>
<span class="each"><i class="ss ss-sth ss-2x"></i> ss-2x</span>
<span class="each"><i class="ss ss-sth ss-3x"></i> ss-3x</span>
<span class="each"><i class="ss ss-sth ss-4x"></i> ss-4x</span>
<span class="each"><i class="ss ss-sth ss-5x"></i> ss-5x</span>
<span class="each"><i class="ss ss-sth ss-6x"></i> ss-6x</span>
</div>
<div class="explanation">
<p>To conveniently increase the size of a set symbol you can append the classes <code>ss-2x</code>, <code>ss-3x</code>, <code>ss-4x</code>, <code>ss-4x</code>, and <code>ss-6x</code>. These classes increase the size by a factor equal to class name number.</p>
<blockquote>
&lt;<span class="e">i</span> <span class="a">class</span>=<span class="v">"ss ss-zen ss-2x"</span>&gt;&lt;/<span class="a">i</span>&gt; ss-2x<br />
&lt;<span class="e">i</span> <span class="a">class</span>=<span class="v">"ss ss-zen ss-3x"</span>&gt;&lt;/<span class="a">i</span>&gt; ss-3x<br />
&lt;<span class="e">i</span> <span class="a">class</span>=<span class="v">"ss ss-zen ss-4x"</span>&gt;&lt;/<span class="a">i</span>&gt; ss-4x<br />
&lt;<span class="e">i</span> <span class="a">class</span>=<span class="v">"ss ss-zen ss-5x"</span>&gt;&lt;/<span class="a">i</span>&gt; ss-5x<br />
&lt;<span class="e">i</span> <span class="a">class</span>=<span class="v">"ss ss-zen ss-6x"</span>&gt;&lt;/<span class="a">i</span>&gt; ss-6x
&lt;<span class="e">i</span> <span class="a">class</span>=<span class="v">"ss ss-sth ss-2x"</span>&gt;&lt;/<span class="a">i</span>&gt; ss-2x<br />
&lt;<span class="e">i</span> <span class="a">class</span>=<span class="v">"ss ss-sth ss-3x"</span>&gt;&lt;/<span class="a">i</span>&gt; ss-3x<br />
&lt;<span class="e">i</span> <span class="a">class</span>=<span class="v">"ss ss-sth ss-4x"</span>&gt;&lt;/<span class="a">i</span>&gt; ss-4x<br />
&lt;<span class="e">i</span> <span class="a">class</span>=<span class="v">"ss ss-sth ss-5x"</span>&gt;&lt;/<span class="a">i</span>&gt; ss-5x<br />
&lt;<span class="e">i</span> <span class="a">class</span>=<span class="v">"ss ss-sth ss-6x"</span>&gt;&lt;/<span class="a">i</span>&gt; ss-6x
</blockquote>
</div>
<div class="clear"></div>

11
index.html
View File

@ -44,7 +44,7 @@
</a>
</div>
<p>
Current version 0.1 includes all sets to Fate Reforged.
Current version 0.2 includes all sets to Fate Reforged.
</p>
</div>
</header>
@ -68,9 +68,12 @@
</section>
<section class="content">
<h4>License</h4>
<p>All set symbol images are copyright Wizards of the Coast (<a href="http://magicthegathering.com">http://magicthegathering.com</a>)</p>
<p>The Keyrune font is licensed under the the SIL OFL 1.1 (<a href="http://scripts.sil.org/OFL">http://scripts.sil.org/OFL</a>)</p>
<p>Keyrune CSS, LESS, and Sass files are licensed under the MIT License (<a href="http://opensource.org/licenses/mit-license.html">http://opensource.org/licenses/mit-license.html</a>)</p>
<p>Please review the following licenses for each component of Keyrune:</p>
<ul>
<li>All set symbol images are copyright Wizards of the Coast (<a href="http://magicthegathering.com">http://magicthegathering.com</a>)</li>
<li>The Keyrune font is licensed under the the SIL OFL 1.1 (<a href="http://scripts.sil.org/OFL">http://scripts.sil.org/OFL</a>)</li>
<li>Keyrune CSS, LESS, and Sass files are licensed under the MIT License (<a href="http://opensource.org/licenses/mit-license.html">http://opensource.org/licenses/mit-license.html</a>)</li>
</ul>
<p>Attribution is <strong>greatly appreciated</strong> but not required!</p>
</section>
</div>