Permalink
Browse files

converted set symbols to use keyrune icon font

  • Loading branch information...
1 parent ec3489a commit f78c3cc084e64b67f0f1e823ac80e9339698bb69 @reecerunnells reecerunnells committed Apr 16, 2016
Showing with 29 additions and 23 deletions.
  1. +2 −1 bower.json
  2. +18 −14 css/style.css
  3. +9 −8 index.html
View
@@ -15,6 +15,7 @@
],
"dependencies": {
"bootstrap": "~3.0.3",
- "tipsy": "~0.1.7"
+ "tipsy": "~0.1.7",
+ "keyrune": "*"
}
}
View
@@ -85,27 +85,31 @@ div.recently-dropped-toggle-container {
text-align: right;
}
+.list-group-item {
+ line-height: 20px;
+ position: relative;
+}
+
/*
* set symbols
*/
-
-/* center symbols on an imaginary vertical line */
-ul.list-group > li.list-group-item > span.badge {
- margin-right: -15px;
- margin-top: -3px;
- width: 60px;
+.list-group-item .icon {
+ top: 10px;
+ right: 15px;
+ position: absolute;
+ text-align: center;
+ height: 20px;
+ width: 20px;
+ vertical-align: middle;
}
-span.badge > img {
- height: 21px;
+.list-group-item .ss {
+ color: #000;
+ font-size: 1.7rem;
}
-ul.list-group > li.list-group-item.gray > span.badge > img {
- opacity: .2;
-}
-
-.badge {
- background: none;
+.list-group--dropped .ss {
+ color: #ddd;
}
/*
View
@@ -7,6 +7,7 @@
<link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css' />
<link rel="stylesheet" href="bower_components/bootstrap/dist/css/bootstrap.min.css" media="screen" />
<link rel="stylesheet" href="bower_components/tipsy/src/stylesheets/tipsy.css" media="screen" />
+ <link rel="stylesheet" href="bower_components/keyrune/css/keyrune.min.css" media="screen" />
<link rel="stylesheet" href="css/style.css" media="screen" />
<link rel="manifest" href="manifest.json">
</head>
@@ -21,14 +22,14 @@
<div class="recently-dropped-toggle-container">
<a href="#" class="low-distraction" onclick="toggleRecentlyDropped();">show recently dropped sets</a>
</div>
- <ul id="recently-dropped" class="list-group" style="display: none;">
+ <ul id="recently-dropped" class="list-group list-group--dropped" style="display: none;">
<li class="list-group-item gray">
Khans of Tarkir
- <span class="badge"><img src="img/ktk.svg" /></span>
+ <span class="icon"><i class="ss ss-ktk"></i></span>
</li>
<li class="list-group-item gray">
Fate Reforged
- <span class="badge"><img src="img/frf.svg" /></span>
+ <span class="icon"><i class="ss ss-frf"></i></span>
</li>
<span class="label label-low-distraction">
Dropped April 8, 2016
@@ -37,11 +38,11 @@
<ul class="list-group">
<li class="list-group-item">
Dragons of Tarkir
- <span class="badge"><img src="img/dtk.svg" /></span>
+ <span class="icon"><i class="ss ss-dtk"></i></span>
</li>
<li class="list-group-item">
Magic Origins
- <span class="badge"><img src="img/ori.svg" /></span>
+ <span class="icon"><i class="ss ss-ori"></i></span>
</li>
<span class="label label-success">
Until Q4 2016
@@ -50,11 +51,11 @@
<ul class="list-group">
<li class="list-group-item">
Battle for Zendikar
- <span class="badge"><img src="img/bfz.svg" /></span>
+ <span class="icon"><i class="ss ss-bfz"></i></span>
</li>
<li class="list-group-item">
Oath of the Gatewatch
- <span class="badge"><img src="img/ogw.svg" /></span>
+ <span class="icon"><i class="ss ss-ogw"></i></span>
</li>
<span class="label label-primary">
Until Q2 2017
@@ -63,7 +64,7 @@
<ul class="list-group">
<li class="list-group-item">
Shadows over Innistrad
- <span class="badge"><img src="img/soi.jpg" /></span>
+ <span class="icon"><i class="ss ss-soi"></i></span>
</li>
<li class="list-group-item gray">
Eldritch Moon

0 comments on commit f78c3cc

Please sign in to comment.