updates
This commit is contained in:
+36
-1
@@ -178,7 +178,42 @@ textarea {
|
||||
}
|
||||
|
||||
.animate-slide-in-right {
|
||||
animation: slide-in-right 0.25s ease-out;
|
||||
animation: slide-in-right 0.3s ease-out;
|
||||
}
|
||||
|
||||
/* Backdrop fade-in */
|
||||
@keyframes backdropFadeIn {
|
||||
from { opacity: 0; }
|
||||
to { opacity: 1; }
|
||||
}
|
||||
|
||||
.animate-backdrop-in {
|
||||
animation: backdropFadeIn 0.2s ease-out forwards;
|
||||
}
|
||||
|
||||
/* Slide out (reverse of slideIn) */
|
||||
@keyframes slideOut {
|
||||
from { opacity: 1; transform: translateX(0); }
|
||||
to { opacity: 0; transform: translateX(-12px); }
|
||||
}
|
||||
|
||||
.animate-slide-out {
|
||||
animation: slideOut 0.3s ease-in forwards;
|
||||
}
|
||||
|
||||
/* Collapsible section (CSS grid height transition) */
|
||||
.collapsible-content {
|
||||
display: grid;
|
||||
grid-template-rows: 0fr;
|
||||
transition: grid-template-rows 0.25s cubic-bezier(0.4, 0, 0.2, 1);
|
||||
}
|
||||
|
||||
.collapsible-content.is-open {
|
||||
grid-template-rows: 1fr;
|
||||
}
|
||||
|
||||
.collapsible-inner {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
/* Stagger children */
|
||||
|
||||
Reference in New Issue
Block a user