diff options
author | Bachrul uluum <49960993+uluumbch@users.noreply.github.com> | 2021-07-23 19:37:30 +0300 |
---|---|---|
committer | GitHub <noreply@github.com> | 2021-07-23 19:37:30 +0300 |
commit | dcfc7b55895146380eabb511b5aaf9835f1f5e36 (patch) | |
tree | 8e1711fe795cc50bdfdbdbdfc0e469aef4032306 /assets | |
parent | a25e6463bdc9900e5f999d276a0e5d92ee1f8d9a (diff) |
feat(article): reading time (#204)
* add reading time feature
* Revert change in jsconfig.json
* feat: add article.readingTime param, and improve style
* Revert change in jsconfig.json x2
* Remove reading time in compact layout
It doesn't look right to me for now
* feat: add i18n support to reading time string
* Hide footer.article-time when there's not content
Co-authored-by: Jimmy Cai <github@jimmycai.com>
Diffstat (limited to 'assets')
-rw-r--r-- | assets/icons/date.svg | 9 | ||||
-rw-r--r-- | assets/scss/partials/article.scss | 7 |
2 files changed, 16 insertions, 0 deletions
diff --git a/assets/icons/date.svg b/assets/icons/date.svg new file mode 100644 index 0000000..ed92a90 --- /dev/null +++ b/assets/icons/date.svg @@ -0,0 +1,9 @@ +<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-calendar-time" width="56" height="56" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"> + <path stroke="none" d="M0 0h24v24H0z"/> + <path d="M11.795 21h-6.795a2 2 0 0 1 -2 -2v-12a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v4" /> + <circle cx="18" cy="18" r="4" /> + <path d="M15 3v4" /> + <path d="M7 3v4" /> + <path d="M3 11h16" /> + <path d="M18 16.496v1.504l1 1" /> +</svg>
\ No newline at end of file diff --git a/assets/scss/partials/article.scss b/assets/scss/partials/article.scss index c71cab4..459c22f 100644 --- a/assets/scss/partials/article.scss +++ b/assets/scss/partials/article.scss @@ -95,7 +95,9 @@ display: flex; align-items: center; color: var(--card-text-color-tertiary); + gap: 15px; margin-top: 10px; + flex-wrap: wrap; svg { vertical-align: middle; @@ -108,6 +110,11 @@ time { font-size: 1.4rem; } + + & > div { + display: inline-flex; + align-items: center; + } } .article-category, |