troldspejlet/hugo-theme-stack
troldspejlet/hugo-theme-stack
1
0
Fork 0
mirror of https://github.com/CaiJimmy/hugo-theme-stack.git synced 2024-11-27 12:03:49 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat(article): change article toolbar style

Browse source
This commit is contained in:
Jimmy Cai 2020-09-07 11:27:40 +02:00
parent b60e1ad5e5
commit 829678936b
No known key found for this signature in database
GPG key ID: 3EA408E527F37B18
1 changed files with 16 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

21
assets/scss/partials/layout/article.scss
View file

@ -94,11 +94,7 @@
} }
#article-toolbar { #article-toolbar {
background: var(--card-background);
@include box_shadow(1);
border-radius: var(--card-border-radius);
margin-bottom: 20px; margin-bottom: 20px;
padding: 15px 20px;
display: flex; display: flex;
align-items: center; align-items: center;
@ -111,13 +107,28 @@
} }
.back-home { .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; margin-right: 30px;
display: inline-flex; display: inline-flex;
align-items: center; 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 { svg {
margin-right: 5px; margin-right: 5px;
width: 20px;
height: 20px;
} }
span { span {