fixup! feat(card): add interactive 3D tilt effect on hover

Lundalogik · Nov 26, 2024 · d2249cc · d2249cc
1 parent 385653c
commit d2249cc
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 5 deletions.
diff --git a/src/components/card/card.scss b/src/components/card/card.scss
@@ -136,10 +136,9 @@ limel-action-bar {
 }
 
 // The 3D effect
-@include mixins.limel-3d-hover-effect-glow(
-    section,
-    var(--card-border-radius, $default-border-radius)
-);
+limel-3d-hover-effect-glow {
+    border-radius: var(--card-border-radius, $default-border-radius);
+}
 
 :host(limel-card) {
     @include mixins.parent-of-the-3d-element;

diff --git a/src/components/card/card.tsx b/src/components/card/card.tsx
@@ -124,7 +124,7 @@ export class Card {
                         {this.renderValue()}
                         {this.renderActionBar()}
                     </div>
-                    <div class="limel-3d-hover-effect-glow" />
+                    <limel-3d-hover-effect-glow />
                 </section>
             </Host>
         );