Add hover effect on homepage cards

pwizla · pwizla · commit 6eedb478fdd7 · 2025-03-21T11:24:29.000+01:00
diff --git a/docusaurus/src/components/Card/card.module.scss b/docusaurus/src/components/Card/card.module.scss
@@ -66,6 +66,9 @@
     --strapi-card-border-color: var(--strapi-card-hover-border-color);
     --strapi-card-title-arrow-left: var(--strapi-spacing-3);
     --strapi-card-img-bg-scale: var(--strapi-card-hover-img-bg-scale);
+    cursor: pointer;
+    transform: translateY(-2px);
+    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
   }
 
   &-category-icon-container {

Original file line number	Diff line number	Diff line change
`@@ -66,6 +66,9 @@`
`66`	`66`	`--strapi-card-border-color: var(--strapi-card-hover-border-color);`
`67`	`67`	`--strapi-card-title-arrow-left: var(--strapi-spacing-3);`
`68`	`68`	`--strapi-card-img-bg-scale: var(--strapi-card-hover-img-bg-scale);`
	`69`	`+ cursor: pointer;`
	`70`	`+ transform: translateY(-2px);`
	`71`	`+ box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);`
`69`	`72`	`}`
`70`	`73`
`71`	`74`	`&-category-icon-container {`