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

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

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);
} }

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,6 +53,11 @@
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;
&:hover {
@include box_shadow(2);
}
@media (max-width: $on-desktop-large) { @media (max-width: $on-desktop-large) {
padding: 12px 20px; padding: 12px 20px;