Antoine/carhop__dynamiques-theme__PROD-DEV
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

FEATURE Adding a hover effect for the card
All checks were successful
continuous-integration/drone/push Build is passing
Details

Browse Source
This commit is contained in:
Nonimart 2025-09-25 15:18:32 +02:00
parent 2d8241ede0
commit ec9f036628
1 changed files with 5 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
resources/css/components/post-card.css
View File

@ -1,6 +1,11 @@
.post-card { .post-card {
@apply p-8 border border-primary relative grid gap-y-4 gap-12 bg-white; @apply p-8 border border-primary relative grid gap-y-4 gap-12 bg-white;
grid-template-columns: 1fr; grid-template-columns: 1fr;
transition: transform 0.3s ease-out;
&:hover {
transform: translateY(-4px);
}
@screen lg { @screen lg {
grid-template-columns: 1fr 40px; grid-template-columns: 1fr 40px;
} }