Add post tag styling

This commit is contained in:
Thomas Wade 2018-10-20 12:41:28 +10:30
parent 21297a4046
commit bf28819e13
2 changed files with 22 additions and 5 deletions

View File

@ -187,3 +187,20 @@ a
color: #fff;
}
.post .tags
{
font-size: 15px;
line-height: 35px;
display: inline;
}
.post .tags .tag
{
margin-right: 10px;
padding-top: 3px;
padding-bottom: 3px;
color: #fffa;
}

View File

@ -9,11 +9,11 @@
<time datetime="2018-10-29T18:01">October 19, 2018</time>
</span>
<br>
<div class="tags">
<span class="tag">#TagA</span>
<span class="tag">Tag B</span>
<span class="tag">Tag-C</span>
</div>
<span class="tags">
<span class="inlineFeatured tag">#Nginx</span>
<span class="inlineFeatured tag">#Home Automation</span>
<span class="inlineFeatured tag">#Dashboard</span>
</span>
</div>
<div class="content">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In vel bibendum neque. Sed consectetur sem vel fringilla condimentum. Etiam sed enim ligula. Quisque scelerisque dui ut tincidunt tincidunt. Nullam vel urna bibendum, dignissim lectus sit amet, interdum turpis. Vestibulum arcu orci, facilisis non justo id, eleifend euismod augue. Duis eget tellus odio. Praesent vulputate blandit elit quis hendrerit.</p>