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 { 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;

View File

@ -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;

View File

@ -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>

View File

@ -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 -}}

View File

@ -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 -}}

View File

@ -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">