use material icons

This commit is contained in:
Ray Elliott 2020-02-20 12:53:28 +00:00
parent 8b37a91efe
commit f7c750185f
6 changed files with 16 additions and 8 deletions

View File

@ -116,14 +116,22 @@ div.content .meta-tag {
i {
font-size: 1em;
&.material-icons-outlined {
vertical-align: text-bottom;
}
}
.icon {
color: inherit;
color: $fg-color;
}
}
}
.post-meta .meta-tag:not(.meta-tag--link) {
display: flex;
align-items: center;
}
.avatar img {
width: 20rem;
height: auto;

View File

@ -4,7 +4,7 @@ $heading-font-family: "Open Sans", sans-serif;
$code-font-family: "Source Code Pro", "Lucida Console", monospace;
$text-font-weight: 400;
$text-font-weight--bold: 600;
$text-font-weight--bold: 700;
$heading-font-weight: 600;
$heading-font-weight--bold: 700;
$code-font-weight: 400;

View File

@ -6,9 +6,9 @@
<div class="list-meta">
<span class="meta-tag">
{{- 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" -}}
<i class="icon fas fa-tag"></i>
<i class="icon material-icons-outlined">local_offer</i>
{{- end -}}
{{- .Data.Term -}}
</span>

View File

@ -1,3 +1,3 @@
{{- 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 -}}

View File

@ -1,3 +1,3 @@
{{- 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 -}}

View File

@ -10,13 +10,13 @@
</div>
<div class="post-meta">
<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" }}'>
{{ .Date.Format (.Site.Params.dateFormat | default "January 2, 2006" ) }}
</time>
</div>
<div class="meta-tag reading-time">
<i class="fas fa-clock"></i>
<i class="material-icons-outlined">watch_later</i>
{{ i18n "reading_time" .ReadingTime }}
</div>
<div class="taxonomy">