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.
Connected.Components/Styles/core/_animations.scss

249 lines
3.5 KiB

@keyframes animation-fadein {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-moz-keyframes animation-fadein {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-webkit-keyframes animation-fadein {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-o-keyframes animation-fadein {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-ms-keyframes animation-fadein {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-webkit-keyframes scale-up-center {
0% {
-webkit-transform: scale(0.5);
transform: scale(0.5);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes scale-up-center {
0% {
-webkit-transform: scale(0.5);
transform: scale(0.5);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@-webkit-keyframes skeleton-keyframes-pulse {
0% {
opacity: 1;
}
50% {
opacity: 0.4;
}
100% {
opacity: 1;
}
}
@-webkit-keyframes skeleton-keyframes-wave {
0% {
transform: translateX(-100%);
}
60% {
transform: translateX(100%);
}
100% {
transform: translateX(100%);
}
}
@-webkit-keyframes progress-circular-keyframes-circular-rotate {
0% {
transform-origin: 50% 50%;
}
100% {
transform: rotate(360deg);
}
}
@-webkit-keyframes progress-circular-keyframes-circular-dash {
0% {
stroke-dasharray: 1px, 200px;
stroke-dashoffset: 0px;
}
50% {
stroke-dasharray: 100px, 200px;
stroke-dashoffset: -15px;
}
100% {
stroke-dasharray: 100px, 200px;
stroke-dashoffset: -125px;
}
}
@-webkit-keyframes progress-linear-horizontal-keyframes-indeterminate1 {
0% {
left: -35%;
right: 100%;
}
60% {
left: 100%;
right: -90%;
}
100% {
left: 100%;
right: -90%;
}
}
@-webkit-keyframes progress-linear-horizontal-keyframes-indeterminate2 {
0% {
left: -200%;
right: 100%;
}
60% {
left: 107%;
right: -8%;
}
100% {
left: 107%;
right: -8%;
}
}
@-webkit-keyframes progress-linear-horizontal-keyframes-buffer {
0% {
opacity: 1;
background-position: 0 -23px;
}
50% {
opacity: 0;
background-position: 0 -23px;
}
100% {
opacity: 1;
background-position: -200px -23px;
}
}
@-webkit-keyframes progress-linear-vertical-keyframes-indeterminate1 {
0% {
bottom: -35%;
top: 100%;
}
60% {
bottom: 100%;
top: -90%;
}
100% {
bottom: 100%;
top: -90%;
}
}
@-webkit-keyframes progress-linear-vertical-keyframes-indeterminate2 {
0% {
bottom: -200%;
top: 100%;
}
60% {
bottom: 107%;
top: -8%;
}
100% {
bottom: 107%;
top: -8%;
}
}
@-webkit-keyframes progress-linear-vertical-keyframes-buffer {
0% {
opacity: 1;
background-position: -23px 0;
}
50% {
opacity: 0;
background-position: -23px 0;
}
100% {
opacity: 1;
background-position: -23px -200px;
}
}
@keyframes progress-linear-striped-loading {
0% {
background-position: 0 0;
}
100% {
background-position: 300px 0;
}
}