KureShisen/Hugo-theme-stack
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: add hover effect to article list card, tag cloud and archive list

Browse Source
This commit is contained in:
Jimmy Cai 2020-09-07 17:28:22 +02:00
parent 0eb492edbd
commit 199517d988
No known key found for this signature in database
GPG Key ID: 3EA408E527F37B18
2 changed files with 18 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
assets/scss/partials/article.scss
View File

@ -11,6 +11,12 @@
border-radius: var(--card-border-radius); border-radius: var(--card-border-radius);
overflow: hidden; overflow: hidden;
transition: box-shadow .3s ease;
&:hover {
@include box_shadow(2);
}
&:not(:last-of-type) { &:not(:last-of-type) {
margin-bottom: var(--section-separation); margin-bottom: var(--section-separation);
} }

12
assets/scss/partials/widgets.scss
View File

@ -34,6 +34,11 @@
margin-bottom: 10px; margin-bottom: 10px;
margin-right: 5px; margin-right: 5px;
font-size: 1.4rem; font-size: 1.4rem;
transition: box-shadow 0.3s ease;
&:hover {
@include box_shadow(2);
}
} }
} }
} }
@ -48,8 +53,13 @@
border-radius: var(--card-border-radius); border-radius: var(--card-border-radius);
@include box_shadow(1); @include box_shadow(1);
display: flex; display: flex;
transition: box-shadow 0.3s ease;
@media (max-width: $on-desktop-large){ &:hover {
@include box_shadow(2);
}
@media (max-width: $on-desktop-large) {
padding: 12px 20px; padding: 12px 20px;
font-size: 1.4rem; font-size: 1.4rem;
} }