mirror of
https://github.com/Shik3i/KoalaSync.git
synced 2026-07-26 12:08:15 +00:00
KoalaDev
31 lines
978 B
CSS
31 lines
978 B
CSS
/* --- Alternatives Hub Styles --- */
|
|
.guide-card {
|
|
transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.25s ease, border-color 0.25s ease !important;
|
|
}
|
|
.guide-card:hover {
|
|
transform: translateY(-4px);
|
|
background-color: rgba(255, 255, 255, 0.07) !important;
|
|
border-color: rgba(255, 255, 255, 0.22) !important;
|
|
box-shadow: 0 12px 24px -10px rgba(0, 0, 0, 0.4);
|
|
}
|
|
html.theme-light .guide-card {
|
|
background-color: var(--card-surface) !important;
|
|
border-color: var(--card-border) !important;
|
|
}
|
|
html.theme-light .guide-card:hover {
|
|
background-color: var(--card) !important;
|
|
border-color: oklch(0.52 0.12 150 / 0.35) !important;
|
|
}
|
|
.guide-card .btn-primary {
|
|
transition: background-color 0.2s ease, transform 0.1s ease;
|
|
}
|
|
.guide-card .btn-primary:active {
|
|
transform: scale(0.97);
|
|
}
|
|
@media (max-width: 640px) {
|
|
.guides-grid {
|
|
grid-template-columns: 1fr !important;
|
|
gap: 1.25rem !important;
|
|
}
|
|
}
|