You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
31 lines
823 B
31 lines
823 B
.dialog {
|
|
left: calc(50vw - 200px);
|
|
width: 400px;
|
|
margin: 10vh 0;
|
|
top: 0;
|
|
&:global(.bp3-overlay-appear),
|
|
&:global(.bp3-overlay-enter) {
|
|
transform: translateY(-50vh) rotate(-10deg);
|
|
}
|
|
|
|
&:global(.bp3-overlay-appear-active),
|
|
&:global(.bp3-overlay-enter-active) {
|
|
transform: translateY(0) rotate(0deg);
|
|
transition-delay: 0;
|
|
transition-duration: 0.3s;
|
|
transition-property: transform;
|
|
transition-timing-function: cubic-bezier(0.54, 1.12, 0.38, 1.11);
|
|
}
|
|
|
|
&:global(.bp3-overlay-exit) {
|
|
transform: translateY(0) rotate(0deg);
|
|
}
|
|
|
|
&:global(.bp3-overlay-exit-active) {
|
|
transform: translateY(150vh) rotate(-20deg);
|
|
transition-delay: 0;
|
|
transition-duration: 0.5s;
|
|
transition-property: transform;
|
|
transition-timing-function: cubic-bezier(0.4, 1, 0.75, 0.9);
|
|
}
|
|
}
|
|
|