mirror of
https://github.com/scinote-eln/scinote-web.git
synced 2025-02-08 16:06:03 +08:00
30 lines
631 B
SCSS
30 lines
631 B
SCSS
.alert-animated-enter {
|
|
opacity: 0.01;
|
|
|
|
&.alert-animated-enter-active {
|
|
opacity: 1;
|
|
transition: opacity 150ms ease-in;
|
|
}
|
|
}
|
|
|
|
.alert-animated-exit {
|
|
opacity: 1;
|
|
padding-bottom: 15px;
|
|
padding-top: 15px;
|
|
margin-bottom: 20px;
|
|
height: 50px;
|
|
|
|
&.alert-animated-exit-active {
|
|
overflow: hidden;
|
|
opacity: 0.01;
|
|
padding-top: 0;
|
|
padding-bottom: 0;
|
|
margin-bottom: 0;
|
|
height: 0;
|
|
transition: opacity 300ms ease-in,
|
|
padding-top 500ms ease-in,
|
|
padding-bottom 500ms ease-in,
|
|
margin-bottom 500ms ease-in,
|
|
height 500ms ease-in;
|
|
}
|
|
}
|