diff options
| author | Jimmy Cai <jimmehcai@gmail.com> | 2020-09-07 12:27:40 +0300 |
|---|---|---|
| committer | Jimmy Cai <jimmehcai@gmail.com> | 2020-09-07 12:27:40 +0300 |
| commit | 829678936b708d57931c26d56b999b44e83579c8 (patch) | |
| tree | 1fad7f2e12d45060ba2a50a9900df3ede28b46cf /assets/scss/partials/layout/article.scss | |
| parent | b60e1ad5e51309dc2d19b15fd0c609fa3bc7b287 (diff) | |
feat(article): change article toolbar style
Diffstat (limited to 'assets/scss/partials/layout/article.scss')
| -rw-r--r-- | assets/scss/partials/layout/article.scss | 21 |
1 files changed, 16 insertions, 5 deletions
diff --git a/assets/scss/partials/layout/article.scss b/assets/scss/partials/layout/article.scss index 3037950..2fc976d 100644 --- a/assets/scss/partials/layout/article.scss +++ b/assets/scss/partials/layout/article.scss @@ -94,11 +94,7 @@ } #article-toolbar { - background: var(--card-background); - @include box_shadow(1); - border-radius: var(--card-border-radius); margin-bottom: 20px; - padding: 15px 20px; display: flex; align-items: center; @@ -111,13 +107,28 @@ } .back-home { - color: var(--card-text-color-secondary); + background: var(--card-background); + border-radius: var(--tag-border-radius); + color: var(--card-text-color-tertiary); margin-right: 30px; display: inline-flex; align-items: center; + font-size: 1.4rem; + text-transform: uppercase; + padding: 10px 20px 10px 15px; + + transition: box-shadow 0.3s ease; + + @include box_shadow(1); + + &:hover { + @include box_shadow(2); + } svg { margin-right: 5px; + width: 20px; + height: 20px; } span { |