definicao de layout
This commit is contained in:
143
public/assets/scss/sweetalert2-master/_animations.scss
Normal file
143
public/assets/scss/sweetalert2-master/_animations.scss
Normal file
@@ -0,0 +1,143 @@
|
||||
// Appearance animation
|
||||
@keyframes swal2-show {
|
||||
0% {
|
||||
transform: scale(.7);
|
||||
}
|
||||
|
||||
45% {
|
||||
transform: scale(1.05);
|
||||
}
|
||||
|
||||
80% {
|
||||
transform: scale(.95);
|
||||
}
|
||||
|
||||
100% {
|
||||
transform: scale(1);
|
||||
}
|
||||
}
|
||||
|
||||
// Disppearance animation
|
||||
@keyframes swal2-hide {
|
||||
0% {
|
||||
transform: scale(1);
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
100% {
|
||||
transform: scale(.5);
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
|
||||
// Success icon animations
|
||||
@keyframes swal2-animate-success-line-tip {
|
||||
0% {
|
||||
top: 1.1875em;
|
||||
left: .0625em;
|
||||
width: 0;
|
||||
}
|
||||
|
||||
54% {
|
||||
top: 1.0625em;
|
||||
left: .125em;
|
||||
width: 0;
|
||||
}
|
||||
|
||||
70% {
|
||||
top: 2.1875em;
|
||||
left: -.375em;
|
||||
width: 3.125em;
|
||||
}
|
||||
|
||||
84% {
|
||||
top: 3em;
|
||||
left: 1.3125em;
|
||||
width: 1.0625em;
|
||||
}
|
||||
|
||||
100% {
|
||||
top: 2.8125em;
|
||||
left: .875em;
|
||||
width: 1.5625em;
|
||||
}
|
||||
}
|
||||
@keyframes swal2-animate-success-line-long {
|
||||
0% {
|
||||
top: 3.375em;
|
||||
right: 2.875em;
|
||||
width: 0;
|
||||
}
|
||||
|
||||
65% {
|
||||
top: 3.375em;
|
||||
right: 2.875em;
|
||||
width: 0;
|
||||
}
|
||||
|
||||
84% {
|
||||
top: 2.1875em;
|
||||
right: 0;
|
||||
width: 3.4375em;
|
||||
}
|
||||
|
||||
100% {
|
||||
top: 2.375em;
|
||||
right: .5em;
|
||||
width: 2.9375em;
|
||||
}
|
||||
}
|
||||
@keyframes swal2-rotate-success-circular-line {
|
||||
0% {
|
||||
transform: rotate(-45deg);
|
||||
}
|
||||
|
||||
5% {
|
||||
transform: rotate(-45deg);
|
||||
}
|
||||
|
||||
12% {
|
||||
transform: rotate(-405deg);
|
||||
}
|
||||
|
||||
100% {
|
||||
transform: rotate(-405deg);
|
||||
}
|
||||
}
|
||||
|
||||
// Error icon animations
|
||||
@keyframes swal2-animate-error-x-mark {
|
||||
0% {
|
||||
margin-top: 1.625em;
|
||||
transform: scale(.4);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
50% {
|
||||
margin-top: 1.625em;
|
||||
transform: scale(.4);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
80% {
|
||||
margin-top: -.375em;
|
||||
transform: scale(1.15);
|
||||
}
|
||||
|
||||
100% {
|
||||
margin-top: 0;
|
||||
transform: scale(1);
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@keyframes swal2-animate-error-icon {
|
||||
0% {
|
||||
transform: rotateX(100deg);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
100% {
|
||||
transform: rotateX(0deg);
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user