Link cards (#1587)

Making whole cards clickable
This commit is contained in:
trean
2025-04-23 14:12:05 +02:00
committed by GitHub
parent 148f8f373f
commit b527126e5c
16 changed files with 130 additions and 45 deletions
@@ -11,13 +11,25 @@
flex-direction: column;
justify-content: space-between;
&:hover {
&[href]:hover {
border-top: 1px solid $neutral-100;
background: $neutral-98;
box-shadow:
0 10px 20px 0 rgba(22, 30, 51, 0.1),
0 1px 2px 0 rgba(22, 30, 51, 0.1);
.link {
&:after {
animation: dash 0.3s ease-in-out forwards;
}
&:before {
animation: dash 0.3s ease-in-out forwards;
}
}
}
&:hover {
.link.link_dark {
$link-color: $primary-50;
color: $link-color;
@@ -34,3 +46,11 @@
}
}
}
.card__content-link {
cursor: pointer;
color: $primary-50;
&:hover {
color: $primary-60;
}
}