use material icons
This commit is contained in:
parent
8b37a91efe
commit
f7c750185f
|
@ -116,14 +116,22 @@ div.content .meta-tag {
|
||||||
|
|
||||||
i {
|
i {
|
||||||
font-size: 1em;
|
font-size: 1em;
|
||||||
|
&.material-icons-outlined {
|
||||||
|
vertical-align: text-bottom;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.icon {
|
.icon {
|
||||||
color: inherit;
|
color: $fg-color;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.post-meta .meta-tag:not(.meta-tag--link) {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
.avatar img {
|
.avatar img {
|
||||||
width: 20rem;
|
width: 20rem;
|
||||||
height: auto;
|
height: auto;
|
||||||
|
|
|
@ -4,7 +4,7 @@ $heading-font-family: "Open Sans", sans-serif;
|
||||||
$code-font-family: "Source Code Pro", "Lucida Console", monospace;
|
$code-font-family: "Source Code Pro", "Lucida Console", monospace;
|
||||||
|
|
||||||
$text-font-weight: 400;
|
$text-font-weight: 400;
|
||||||
$text-font-weight--bold: 600;
|
$text-font-weight--bold: 700;
|
||||||
$heading-font-weight: 600;
|
$heading-font-weight: 600;
|
||||||
$heading-font-weight--bold: 700;
|
$heading-font-weight--bold: 700;
|
||||||
$code-font-weight: 400;
|
$code-font-weight: 400;
|
||||||
|
|
|
@ -6,9 +6,9 @@
|
||||||
<div class="list-meta">
|
<div class="list-meta">
|
||||||
<span class="meta-tag">
|
<span class="meta-tag">
|
||||||
{{- if eq .Data.Singular "category" -}}
|
{{- if eq .Data.Singular "category" -}}
|
||||||
<i class="icon fas fa-folder"></i>
|
<i class="icon material-icons-outlined">folder</i>
|
||||||
{{- else if eq .Data.Singular "tag" -}}
|
{{- else if eq .Data.Singular "tag" -}}
|
||||||
<i class="icon fas fa-tag"></i>
|
<i class="icon material-icons-outlined">local_offer</i>
|
||||||
{{- end -}}
|
{{- end -}}
|
||||||
{{- .Data.Term -}}
|
{{- .Data.Term -}}
|
||||||
</span>
|
</span>
|
||||||
|
|
|
@ -1,3 +1,3 @@
|
||||||
{{- range $index, $el := . -}}
|
{{- range $index, $el := . -}}
|
||||||
<a class="meta-tag meta-tag--link" href="{{ ( printf "categories/%s/" ( . | urlize ) ) | relLangURL }}"><i class="icon fas fa-folder"></i>{{ . }}</a>
|
<a class="meta-tag meta-tag--link" href="{{ ( printf "categories/%s/" ( . | urlize ) ) | relLangURL }}"><i class="icon material-icons-outlined">folder</i>{{ . }}</a>
|
||||||
{{- end -}}
|
{{- end -}}
|
||||||
|
|
|
@ -1,3 +1,3 @@
|
||||||
{{- range $index, $el := . -}}
|
{{- range $index, $el := . -}}
|
||||||
<a class="meta-tag meta-tag--link" href="{{ ( printf "tags/%s/" ( . | urlize ) ) | relLangURL }}"><i class="icon fas fa-tag"></i>{{ . }}</a>
|
<a class="meta-tag meta-tag--link" href="{{ ( printf "tags/%s/" ( . | urlize ) ) | relLangURL }}"><i class="icon material-icons-outlined">local_offer</i>{{ . }}</a>
|
||||||
{{- end -}}
|
{{- end -}}
|
||||||
|
|
|
@ -10,13 +10,13 @@
|
||||||
</div>
|
</div>
|
||||||
<div class="post-meta">
|
<div class="post-meta">
|
||||||
<div class="meta-tag posted-on">
|
<div class="meta-tag posted-on">
|
||||||
<i class="fas fa-calendar"></i>
|
<i class="material-icons-outlined">calendar_today</i>
|
||||||
<time datetime='{{ .Date.Format "2006-01-02T15:04:05Z07:00" }}'>
|
<time datetime='{{ .Date.Format "2006-01-02T15:04:05Z07:00" }}'>
|
||||||
{{ .Date.Format (.Site.Params.dateFormat | default "January 2, 2006" ) }}
|
{{ .Date.Format (.Site.Params.dateFormat | default "January 2, 2006" ) }}
|
||||||
</time>
|
</time>
|
||||||
</div>
|
</div>
|
||||||
<div class="meta-tag reading-time">
|
<div class="meta-tag reading-time">
|
||||||
<i class="fas fa-clock"></i>
|
<i class="material-icons-outlined">watch_later</i>
|
||||||
{{ i18n "reading_time" .ReadingTime }}
|
{{ i18n "reading_time" .ReadingTime }}
|
||||||
</div>
|
</div>
|
||||||
<div class="taxonomy">
|
<div class="taxonomy">
|
||||||
|
|
Loading…
Reference in New Issue