Styled tags more aesthetically closes #6

baynezy · Aug 26, 2015 · 30ecf59 · 30ecf59
1 parent 3bec838
commit 30ecf59
Show file tree

Hide file tree

Showing 3 changed files with 34 additions and 12 deletions.
diff --git a/assets/css/style.css b/assets/css/style.css
@@ -108,16 +108,6 @@ blockquote cite {
 	padding-top: 20px;
 }
 
-#article_list article aside ul {
-	list-style: none;
-	padding: 0;
-	margin: 0;
-}
-
-#article_list article aside ul li {
-	display: inline;
-}
-
 #article_list article.alt {
 	background-color: #1D1D1B;
 	color: #AEB8C0;
@@ -201,4 +191,31 @@ img.typekit-badge {
 .facebook {
 	position: relative;
 	top: -5px;
+}
+
+ul.post-tags {
+	list-style: none;
+	padding: 0;
+	margin: 0;
+}
+
+ul.post-tags li {
+	display: block;
+	float: left;
+	padding: 4px;
+	margin: 5px 5px 0 0;
+	-webkit-border-radius: 30px;
+	-moz-border-radius: 30px;
+	border-radius: 30px;
+	border:1px solid #428bca;
+	background-color:#005580;
+}
+
+.post-tags a {
+	color: #FFFFFF;
+}
+
+.post-tags a:hover {
+	color: #AAAAAA;
+	text-decoration: none;
 }
diff --git a/partials/loop.hbs b/partials/loop.hbs
@@ -12,7 +12,7 @@
             </section>
             <aside class="col-sm-3">
                 Tagged with:
-                <ul>
+                <ul class="post-tags">
                     {{#foreach tags}}
                         <li><a href="{{url}}" title="{{name}}">{{name}}</a></li>
                     {{/foreach}}

diff --git a/post.hbs b/post.hbs
@@ -49,7 +49,12 @@
             <div id="meta_data">
                 <h4>Meta Data</h4>
                 <p>Posted on: <time datetime="{{date format='YYYY-MM-DD HH:mm'}}" pubdate>{{date format='DD MMM YYYY HH:mm'}}</time></p>
-                <p>{{tags prefix="Tagged with: "}}</p>
+                Tagged with:
+                <ul class="post-tags">
+                    {{#foreach tags}}
+                        <li><a href="{{url}}" title="{{name}}">{{name}}</a></li>
+                    {{/foreach}}
+                </ul>
             </div>
         </aside>
     </div>