33 lines
1.0 KiB
CSS
33 lines
1.0 KiB
CSS
.feature-card-three-title {
|
|
font-size: var(--text-2xl);
|
|
}
|
|
|
|
.feature-card-three-description {
|
|
font-size: var(--text-sm);
|
|
}
|
|
|
|
/* Mobile touch support - duplicate hover states for is-active class */
|
|
.feature-card-three-item.is-active .feature-card-three-item-box > div {
|
|
transform: rotateY(180deg);
|
|
}
|
|
|
|
.feature-card-three-item.is-active .feature-card-three-content-wrapper {
|
|
transform: translateY(var(--hover-translate-y));
|
|
}
|
|
|
|
.feature-card-three-item.is-active .feature-card-three-title {
|
|
color: var(--color-foreground);
|
|
}
|
|
|
|
.feature-card-three-item.is-active .feature-card-three-description-wrapper {
|
|
opacity: 1;
|
|
}
|
|
|
|
.feature-card-three-item.is-active .feature-card-three-reveal-bg {
|
|
--tw-translate-y: 0px !important;
|
|
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
|
|
left: calc(var(--vw-1_5) * 0.75);
|
|
bottom: calc(var(--vw-1_5) * 0.75);
|
|
right: calc(var(--vw-1_5) * 0.75);
|
|
}
|