Testing Alpha
This commit is contained in:
43
resources/scss/pages/quick-access-card.scss
Normal file
43
resources/scss/pages/quick-access-card.scss
Normal file
@ -0,0 +1,43 @@
|
||||
/*
|
||||
* 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);
|
||||
}
|
||||
|
Reference in New Issue
Block a user