ettore.dreucci/cocoa-eh-hugo-theme
1
0
Fork 0
mirror of https://github.com/Noettore/cocoa-eh-hugo-theme.git synced 2025-10-15 03:36:41 +02:00
Code Issues Packages Projects Releases Wiki Activity

Allow icons for tags by setting "tagicons = true" in their config. (#126)

Browse Source
This commit is contained in:
Vighnesh Shenoy
2019-06-24 07:46:50 +05:30
committed by Michael Noronha
parent 403871be5e
commit 55588aeba1
2 changed files with 25 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
layouts/partials/blog_single.html
View File

@@ -23,7 +23,11 @@
{{ if not .Site.Params.noreadingtime }} {{ if not .Site.Params.noreadingtime }}
<div class="reading-time middot">{{ .ReadingTime }} minute read</div> <div class="reading-time middot">{{ .ReadingTime }} minute read</div>
{{ end }} {{ end }}
{{ if .Site.Params.tagicons }}
<div class="tags tag-icons">
{{ else }}
<div class="tags"> <div class="tags">
{{ end }}
<ul> <ul>
{{ range .Params.tags }} {{ range .Params.tags }}
<li class="middot"><a href="{{ "/tags/" | relLangURL }}{{ . | urlize }}">{{ . }}</a> </li> <li class="middot"><a href="{{ "/tags/" | relLangURL }}{{ . | urlize }}">{{ . }}</a> </li>

20
layouts/partials/css/main.css
View File

@@ -359,6 +359,26 @@ div.main .content .front-matter .tags ul li:hover {
div.main .content .front-matter .tags ul li a { div.main .content .front-matter .tags ul li a {
color: #666666; color: #666666;
} }
{{ if .Site.Params.tagicons }}
div.main .content .front-matter .tags.tag-icons .middot {
margin-left: 8px;
}
div.main .content .front-matter .tags.tag-icons .middot a {
display: inline-block;
padding: 0 5px;
background: #eee;
border-radius: 0 5px 5px 0;
position: relative;
}
div.main .content .front-matter .tags.tag-icons .middot a:after {
content: " ";
position: absolute;
right: 100%;
border-top: 11.2px solid transparent;
border-right: 11.2px solid #eee;
border-bottom: 11.2px solid transparent;
}
{{ end }}
div.main .container.f04 { div.main .container.f04 {
-webkit-justify-content: center; -webkit-justify-content: center;
-moz-justify-content: center; -moz-justify-content: center;