dhanush.s/kodepilot
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor: css

Browse Source
This commit is contained in:
dhanush.s 2025-09-27 19:13:46 +05:30
parent a7bce5a100
commit 5686b8c4a2
1 changed files with 12 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
main.css
View File

@ -452,7 +452,7 @@
transition: opacity 0.6s ease, transform 0.6s ease; transition: opacity 0.6s ease, transform 0.6s ease;
} }
/* when visible */
.stat-item.visible { .stat-item.visible {
opacity: 1; opacity: 1;
transform: translateY(0); transform: translateY(0);
@ -631,7 +631,7 @@
transform: scale(1.05); transform: scale(1.05);
} }
/* Image overlays */
.image-overlay { .image-overlay {
position: absolute; position: absolute;
bottom: 0; bottom: 0;
@ -1371,9 +1371,9 @@
} }
/*----------------------------------------------------------------------------------------------------------------------*/
/* Practice Cards Component CSS - Unique class names to prevent conflicts */
.practice-cards-container * { .practice-cards-container * {
margin: 0; margin: 0;
padding: 0; padding: 0;
@ -1584,7 +1584,7 @@
color: white; color: white;
} }
/* Icon animation on hover */
.practice-cards-wrapper:hover .practice-card:hover .practice-card-icon { .practice-cards-wrapper:hover .practice-card:hover .practice-card-icon {
transform: scale(1.05) rotate(3deg); transform: scale(1.05) rotate(3deg);
} }
@ -1636,7 +1636,7 @@
transition: transform 0.5s ease; transition: transform 0.5s ease;
} }
/* Text animation on hover */
.practice-cards-wrapper:hover .practice-card:hover h3 { .practice-cards-wrapper:hover .practice-card:hover h3 {
transform: translateY(-2px); transform: translateY(-2px);
} }
@ -1687,13 +1687,13 @@
transform: translateY(-2px); transform: translateY(-2px);
} }
/* Show CTA button only on hovered card */
.practice-cards-wrapper:hover .practice-card:hover .practice-cta-btn { .practice-cards-wrapper:hover .practice-card:hover .practice-cta-btn {
opacity: 1; opacity: 1;
transform: translateY(0); transform: translateY(0);
} }
/* Subtle overlay effect */
.practice-card::after { .practice-card::after {
content: ''; content: '';
position: absolute; position: absolute;
@ -1711,10 +1711,10 @@
opacity: 1; opacity: 1;
} }
/* REMOVED: Default expanded state for first card */
/* Now all cards start equal and only expand on hover */
/* Show SVG and CTA button only on hover */
.practice-cards-wrapper .practice-card .practice-card-svg { .practice-cards-wrapper .practice-card .practice-card-svg {
width: 0; width: 0;
opacity: 0; opacity: 0;
@ -1787,7 +1787,7 @@
} }
} }
/* Mobile responsiveness */
@media (max-width: 992px) { @media (max-width: 992px) {
.practice-cards-container { .practice-cards-container {
display: none; display: none;