44 lines
962 B
SCSS
44 lines
962 B
SCSS
/*
|
|
* Quick Access Cards
|
|
*/
|
|
.quick-access-card,
|
|
.quick-access-category {
|
|
opacity: 1;
|
|
transform: scale(1);
|
|
transition: opacity 0.4s ease, transform 0.4s ease;
|
|
}
|
|
.quick-access-category {
|
|
max-height: 2000px;
|
|
transition: max-height 0.6s ease, opacity 0.4s ease;
|
|
}
|
|
.quick-access-card {
|
|
transition: opacity 0.4s ease, transform 0.3s ease;
|
|
}
|
|
.quick-showing {
|
|
opacity: 1;
|
|
transform: scale(1);
|
|
}
|
|
.quick-hidden {
|
|
opacity: 0;
|
|
transform: scale(0.95);
|
|
pointer-events: none;
|
|
max-height: 0 !important;
|
|
margin: 0 !important;
|
|
padding-top: 0 !important;
|
|
padding-bottom: 0 !important;
|
|
overflow: hidden;
|
|
}
|
|
.quick-access-group {
|
|
transition: opacity 0.3s ease-in-out;
|
|
}
|
|
.quick-access-card .card {
|
|
transition: all 0.4s ease;
|
|
transform: translateY(0);
|
|
}
|
|
|
|
.quick-access-card .card:hover {
|
|
transform: translateY(-1px) scale(1.02);
|
|
box-shadow: 0 12px 30px rgba(0, 0, 0, 0.25);
|
|
}
|
|
|