This repository has been archived on 2026-06-18. You can view files and clone it, but cannot push or open issues or pull requests.
Files
flair-elements-ui/src/components/fl-card-stack/fl-card-stack.component.scss
Giuliano Silvestro daf6182e94 feat: add @sda/flair-elements-ui library
Angular 19+ standalone library with 61 components, 15 directives,
and 8 services for decorative visual effects, animations, and
micro-interactions.

Components include particle systems, flow fields, aurora effects,
tilt/holographic/spotlight cards, text effects, dividers, scroll
animations, generative art, celebrations, image treatments,
morphing shapes, terminal output, and pattern textures.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
2026-03-09 10:24:52 +10:00

31 lines
546 B
SCSS

:host {
display: block;
width: 100%;
height: 100%;
position: relative;
}
.fl-card-stack__container {
position: relative;
width: 100%;
height: 100%;
> * {
cursor: pointer;
}
}
:host.fl-card-stack--hover-expand {
.fl-card-stack__container > *:hover {
transform: translate(-50%, -50%) rotate(0deg) scale(1.05) !important;
z-index: 1000 !important;
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
}
}
:host.fl-card-stack--reduced-motion {
.fl-card-stack__container > * {
transition: none !important;
}
}