diff --git a/assets/scss/_content.scss b/assets/scss/_content.scss index 79e56d5..50f3a0b 100644 --- a/assets/scss/_content.scss +++ b/assets/scss/_content.scss @@ -61,38 +61,6 @@ flex-wrap: wrap; justify-content: center; } - - .meta-tag { - padding: 0 12px; - margin: 3px; - border: 1px solid #eaeaea; - border-radius: 1px; - background-color: #ededed; - - color: #333; - - i { - font-size: 0.9em; - } - - &--link { - font-size: 0.8em; - text-decoration: underline; - - &:hover { - opacity: 1; - color: #999; - } - - i { - font-size: 1em; - } - } - - .icon { - color: inherit; - } - } } img { display: block; @@ -116,6 +84,38 @@ } } +.meta-tag { + padding: 0 12px; + margin: 3px; + border: 1px solid #eaeaea; + border-radius: 1px; + background-color: #ededed; + + color: #333; + + i { + font-size: 0.9em; + } + + &--link { + font-size: 0.8em; + text-decoration: underline; + + &:hover { + opacity: 1; + color: #999; + } + + i { + font-size: 1em; + } + + .icon { + color: inherit; + } + } +} + .avatar img { width: 20rem; height: auto; @@ -178,6 +178,27 @@ } } } + h1 { + margin-bottom: 0.8rem; + } + .list-meta { + text-align: center; + + .meta-tag { + font-size: 0.7em; + padding-top: 6px; + padding-bottom: 6px; + margin-bottom: 1.6rem; + + i { + font-size: 1em; + text-align: center; + width: 1.6rem; + margin-left: 0; + margin-right: 0.5rem; + } + } + } } .centered { diff --git a/layouts/partials/list.html b/layouts/partials/list.html index 0eaed26..efb215c 100644 --- a/layouts/partials/list.html +++ b/layouts/partials/list.html @@ -1,12 +1,19 @@

- {{- if eq .Kind "taxonomy" -}} - {{- i18n .Data.Singular | title -}} - {{- print ": " -}} - {{- end -}} - {{- .Title -}}

+ {{- if eq .Kind "taxonomy" -}} +
+ + {{- if eq .Data.Singular "category" -}} + + {{- else if eq .Data.Singular "tag" -}} + + {{- end -}} + {{- .Data.Term -}} + +
+ {{- end -}}