diff options
author | Bing-Sheng Chen <gundamew@gmail.com> | 2019-08-01 11:15:42 +0300 |
---|---|---|
committer | Bing-Sheng Chen <gundamew@gmail.com> | 2019-08-01 11:15:42 +0300 |
commit | 26589eb4ea60c4af997eac98cfc43dba3bab8330 (patch) | |
tree | 8d0d7744b6c1e0f91de7c0c414799f1e1423c52b | |
parent | b8a17440868b083409535f3b13e95e3805b5d15a (diff) |
refactor(single): Refactor the styles of single page
Try to refine the styles of single page.
See also: https://www.tailwindtoolbox.com/templates/minimal-blog
-rw-r--r-- | assets/css/style.css | 23 | ||||
-rw-r--r-- | layouts/_default/single.html | 2 |
2 files changed, 20 insertions, 5 deletions
diff --git a/assets/css/style.css b/assets/css/style.css index dfa176a..ad9e176 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -11,9 +11,11 @@ } blockquote { - background: var(--grey-light); - border-left: .5rem solid var(--grey-dark); - padding: .5rem 1rem; + border-left: 4px solid var(--grey-dark); + font-style: italic; + padding-left: 2rem; + margin-top: 2rem; + margin-bottom: 2rem; } @media (max-width: 576px) { @@ -27,7 +29,7 @@ footer, .container { margin-left: auto; margin-right: auto; - max-width: 80%; + max-width: 64rem; } header { @@ -194,6 +196,15 @@ ul { font-weight: bold; } +#single { + width: 100%; +} + +#single > div { + color: var(--grey-dark); + text-align: center; +} + #single > h1, #single > h2 { line-height: 1.5; @@ -201,6 +212,10 @@ ul { padding: 8px 24px; } +.post-date { + margin-bottom: 2rem; +} + .post-content { line-height: 2; margin: 8px 48px; diff --git a/layouts/_default/single.html b/layouts/_default/single.html index 58797cf..72e94b7 100644 --- a/layouts/_default/single.html +++ b/layouts/_default/single.html @@ -1,7 +1,7 @@ {{ define "main" }} <main id="single"> <h1>{{ .Title }}</h1> - <h2>{{- partial "date.html" . -}}</h2> + <div class="post-date">{{- partial "date.html" . -}}</div> <section class="post-content"> {{ .Content }} </section> |