vbatts/hugo-theme-hyde-hyde
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

revises tags and categories styles -- with badges

Browse source
This commit is contained in:
Huy Tran 2018-08-13 08:49:30 +07:00
parent 1d48cebafb
commit c620ee6dc8
3 changed files with 43 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
layouts/partials/page-single/post-meta.html
View file

@ -11,7 +11,7 @@
in in
{{ $total := sub $total 1 }} {{ $total := sub $total 1 }}
{{ range $i, $cat := sort . }} {{ range $i, $cat := sort . }}
<a class="post__category" href="{{ "/categories/" | relURL }}{{ $cat | urlize }}">{{ $cat | upper }}</a> <a class="badge badge-category" href="{{ "/categories/" | relURL }}{{ $cat | urlize }}">{{ $cat | upper }}</a>
{{ if lt $i $total }}•{{ end }} {{ if lt $i $total }}•{{ end }}
{{ end }} {{ end }}
{{ end }} {{ end }}
@ -23,7 +23,7 @@
<br/> <br/>
{{ $subtotal := sub $total 1 }} <i class="fas fa-tags"></i> {{ $subtotal := sub $total 1 }} <i class="fas fa-tags"></i>
{{ range $i, $tag := . }} {{ range $i, $tag := . }}
<a class="post__tag" href="{{ "/tags/" | relURL }}{{ $tag | urlize }}">{{ $tag | lower }}</a> <a class="badge badge-tag" href="{{ "/tags/" | relURL }}{{ $tag | urlize }}">{{ $tag | lower }}</a>
{{ if lt $i $subtotal }} {{ end }} {{ if lt $i $subtotal }} {{ end }}
{{ end }} {{ end }}
{{ end }} {{ end }}

1
static-src/scss/hyde-hyde.scss
View file

@ -11,6 +11,7 @@
@import 'hyde-hyde/post'; @import 'hyde-hyde/post';
@import 'hyde-hyde/code'; @import 'hyde-hyde/code';
@import 'hyde-hyde/gist'; @import 'hyde-hyde/gist';
@import 'hyde-hyde/taxonomies';
@import 'hyde-hyde/project'; @import 'hyde-hyde/project';
@import 'hyde-hyde/responsive'; @import 'hyde-hyde/responsive';
@import 'hyde-hyde/misc'; @import 'hyde-hyde/misc';

40
static-src/scss/hyde-hyde/_taxonomies.scss Normal file
View file

@ -0,0 +1,40 @@
.badge-category,
a.badge-category {
color: #fff !important;
background-color: #0088cc;
}
a.badge-category {
&:hover, &:focus {
color: #0088cc !important;
background: transparent;
background-color: transparent;
text-decoration: none;
border-bottom: none;
}
}
.badge-tag,
a.badge-tag {
color: #fff !important;
background-color: #7766cc;
&:hover, &:focus {
color: #7766cc !important;
background: transparent;
background-color: transparent;
text-decoration: none;
border-bottom: none;
}
}
.badge {
display: inline-block;
padding: 0.25em 0.4em;
font-size: 0.75rem;
font-weight: bold;
line-height: 1;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
border-radius: 0.25rem;
}