diana.dolgolyova
d5afaf92ba
- Replace hardcoded hex colors with gold/gold-light/gold-dark Tailwind tokens - Extract Schedule into DayCard, ScheduleFilters, MobileSchedule sub-components - Extract Team into TeamCarousel, TeamMemberInfo sub-components - Add UI_CONFIG for centralized magic numbers (timings, thresholds) - Add reusable IconBadge component, simplify Contact section - Convert Pricing clickable divs to semantic buttons for a11y - Remove unused SocialLinks, btn-outline, btn-ghost, nav-link CSS classes - Fix React setState-during-render error in TeamCarousel (deferred update pattern) Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
30 lines
729 B
CSS
30 lines
729 B
CSS
/* ===== Buttons ===== */
|
|
|
|
.btn-primary {
|
|
@apply inline-flex items-center justify-center font-semibold rounded-full transition-all duration-300 cursor-pointer;
|
|
@apply bg-gold text-black;
|
|
@apply hover:bg-gold-light hover:shadow-[0_0_30px_rgba(201,169,110,0.35)];
|
|
@apply dark:bg-gold dark:text-black;
|
|
@apply dark:hover:bg-gold-light dark:hover:shadow-[0_0_30px_rgba(201,169,110,0.35)];
|
|
}
|
|
|
|
/* ===== Scrollbar ===== */
|
|
|
|
.modal-content {
|
|
scrollbar-color: rgb(163 163 163) transparent;
|
|
}
|
|
|
|
.modal-content * {
|
|
scrollbar-color: rgb(163 163 163) transparent;
|
|
}
|
|
|
|
@variant dark {
|
|
.modal-content {
|
|
scrollbar-color: rgb(64 64 64) transparent;
|
|
}
|
|
|
|
.modal-content * {
|
|
scrollbar-color: rgb(64 64 64) transparent;
|
|
}
|
|
}
|