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 04:03:48 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

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);
overflow: hidden;
transition: box-shadow .3s ease;
&:hover {
@include box_shadow(2);
}
&:not(:last-of-type) {
margin-bottom: var(--section-separation);
}

14
assets/scss/partials/widgets.scss
View file

@ -34,6 +34,11 @@
margin-bottom: 10px;
margin-right: 5px;
font-size: 1.4rem;
transition: box-shadow 0.3s ease;
&:hover {
@include box_shadow(2);
}
}
}
}
@ -48,12 +53,17 @@
border-radius: var(--card-border-radius);
@include box_shadow(1);
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;
font-size: 1.4rem;
}
span.year {
flex: 1;
color: var(--card-text-color-main);