mirror of
https://github.com/eitchtee/WYGIWYH.git
synced 2026-05-30 11:20:41 +02:00
feat: improve transactions action bar animation
This commit is contained in:
@@ -248,6 +248,32 @@
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* ----------------------------------------
|
||||
* animation slide-in-bottom-short
|
||||
* A variant with smaller translateY for elements at bottom of viewport
|
||||
* ----------------------------------------
|
||||
*/
|
||||
@keyframes slide-in-bottom-short {
|
||||
0% {
|
||||
transform: translateY(100%);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
100% {
|
||||
transform: translateY(0);
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
.slide-in-bottom-short {
|
||||
animation: slide-in-bottom-short 0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
|
||||
}
|
||||
|
||||
.slide-in-bottom-short-reverse {
|
||||
animation: slide-in-bottom-short 0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940) reverse both;
|
||||
}
|
||||
|
||||
@keyframes disable-pointer-events {
|
||||
|
||||
0%,
|
||||
|
||||
@@ -323,4 +323,4 @@ $breakpoints: (
|
||||
|
||||
.offcanvas-size-sm {
|
||||
--offcanvas-width: min(95vw, 250px);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user