adding initial fast-api

This commit is contained in:
2020-02-17 02:37:02 +00:00
commit 584d6bcc26
1975 changed files with 424591 additions and 0 deletions

View File

@@ -0,0 +1,16 @@
.fakeLoader {
position:fixed;
width:100%;
height:100%;
left:0px;
top:0px;
z-index:9999999999;
}
@import 'spinners/spinner_01';
@import 'spinners/spinner_02';
@import 'spinners/spinner_03';
@import 'spinners/spinner_04';
@import 'spinners/spinner_05';
@import 'spinners/spinner_06';
@import 'spinners/spinner_07';

View File

@@ -0,0 +1,34 @@
.spinner1 {
position: fixed;
width: 50px;
height: 50px;
top: calc(50% - 50px/2);
left: calc(50% - 50px/2);
.double-bounce1,
.double-bounce2 {
width: 100%;
height: 100%;
border-radius: 50%;
background-color: #fff;
opacity: 0.6;
position: absolute;
top: 0;
left: 0;
animation: bounce 2.0s infinite ease-in-out;
}
.double-bounce2 {
-webkit-animation-delay: -1.0s;
animation-delay: -1.0s;
}
}
@keyframes bounce {
0%, 100% {
transform: scale(0.0);
-webkit-transform: scale(0.0);
} 50% {
transform: scale(1.0);
-webkit-transform: scale(1.0);
}
}

View File

@@ -0,0 +1,90 @@
.spinner2 {
position: fixed;
width: 40px;
height: 40px;
top: calc(50% - 40px/2);
left: calc(50% - 40px/2);
.spinner-container {
position: absolute;
width: 100%;
height: 100%;
&.container2 {
transform: rotateZ(45deg);
}
&.container3 {
transform: rotateZ(90deg);
}
.circle1 { top: 0; left: 0; }
.circle2 { top: 0; right: 0; }
.circle3 { right: 0; bottom: 0; }
.circle4 { left: 0; bottom: 0; }
}
.container1,
.container2,
.container3 {
div {
width: 6px;
height: 6px;
background-color: #fff;
border-radius: 100%;
position: absolute;
animation: bouncedelay 1.2s infinite ease-in-out;
animation-fill-mode: both;
}
}
.container1 {
.circle2 {
animation-delay: -0.9s;
}
.circle3 {
animation-delay: -0.6s;
}
.circle4 {
animation-delay: -0.3s;
}
}
.container2 {
.circle1 {
animation-delay: -1.1s;
}
.circle2 {
animation-delay: -0.8s;
}
.circle3 {
animation-delay: -0.5s;
}
.circle4 {
animation-delay: -0.2s;
}
}
.container3 {
.circle1 {
animation-delay: -1.0s;
}
.circle2 {
animation-delay: -0.7s;
}
.circle3 {
animation-delay: -0.4s;
}
.circle4 {
animation-delay: -0.1s;
}
}
}
@keyframes bouncedelay {
0%, 80%, 100% {
transform: scale(0.0);
-webkit-transform: scale(0.0);
} 40% {
transform: scale(1.0);
-webkit-transform: scale(1.0);
}
}

View File

@@ -0,0 +1,38 @@
.spinner3 {
position: fixed;
width: 50px;
height: 50px;
top: calc(50% - 50px/2);
left: calc(50% - 50px/2);
animation: rotate 2.0s infinite linear;
.dot1,
.dot2 {
width: 60%;
height: 60%;
display: inline-block;
position: absolute;
top: 0;
background-color: #fff;
border-radius: 100%;
animation: bounce 2.0s infinite ease-in-out;
}
.dot2 {
top: auto;
bottom: 0px;
animation-delay: -1.0s;
}
}
@keyframes rotate {
100% {
transform: rotate(360deg);
}
}
@keyframes bounce {
0%, 100% {
transform: scale(0.0);
} 50% {
transform: scale(1.0);
}
}

View File

@@ -0,0 +1,20 @@
.spinner4 {
position: fixed;
width: 35px;
height: 35px;
top: calc(50% - 35px/2);
left: calc(50% - 35px/2);
background-color: #fff;
animation: rotateplane 1.2s infinite ease-in-out;
}
@keyframes rotateplane {
0% {
transform: perspective(120px) rotateX(0deg) rotateY(0deg);
} 50% {
transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
} 100% {
transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
}
}

View File

@@ -0,0 +1,35 @@
.spinner5 {
position: fixed;
width: 50px;
height: 50px;
top: calc(50% - 50px/2);
left: calc(50% - 50px/2);
.cube1,
.cube2 {
background-color: #fff;
width: 15px;
height: 15px;
position: absolute;
top: 0;
left: 0;
animation: cubemove 1.8s infinite ease-in-out;
}
.cube2 {
animation-delay: -0.9s;
}
}
@keyframes cubemove {
25% {
transform: translateX(42px) rotate(-90deg) scale(0.5);
} 50% {
transform: translateX(42px) translateY(42px) rotate(-179deg);
} 50.1% {
transform: translateX(42px) translateY(42px) rotate(-180deg);
} 75% {
transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
} 100% {
transform: rotate(-360deg);
}
}

View File

@@ -0,0 +1,35 @@
.spinner6 {
position: fixed;
width: 50px;
height: 35px;
top: calc(50% - 35px/2);
left: calc(50% - 50px/2);
div {
background-color: #fff;
height: 100%;
width: 5px;
margin-left:2px;
display: inline-block;
animation: stretchdelay 1.2s infinite ease-in-out;
}
.rect2 {
animation-delay: -1.1s;
}
.rect3 {
animation-delay: -1.0s;
}
.rect4 {
animation-delay: -0.9s;
}
.rect5 {
animation-delay: -0.8s;
}
}
@keyframes stretchdelay {
0%, 40%, 100% {
transform: scaleY(0.4);
} 20% {
transform: scaleY(1.0);
}
}

View File

@@ -0,0 +1,55 @@
.spinner7 {
position: fixed;
width: 90px;
height: 30px;
text-align: center;
top: calc(50% - 30px/2);
left: calc(50% - 90px/2);
}
.spinner7 > div {
background-color: #fff;
height: 15px;
width: 15px;
margin-left:3px;
border-radius: 50%;
display: inline-block;
-webkit-animation: stretchdelay 0.7s infinite ease-in-out;
animation: stretchdelay 0.7s infinite ease-in-out;
}
.spinner7 .circ2 {
-webkit-animation-delay: -0.6s;
animation-delay: -0.6s;
}
.spinner7 .circ3 {
-webkit-animation-delay: -0.5s;
animation-delay: -0.5s;
}
.spinner7 .circ4 {
-webkit-animation-delay: -0.4s;
animation-delay: -0.4s;
}
.spinner7 .circ5 {
-webkit-animation-delay: -0.3s;
animation-delay: -0.3s;
}
@-webkit-keyframes stretchdelay {
0%, 40%, 100% { -webkit-transform: translateY(-10px) }
20% { -webkit-transform: translateY(-20px) }
}
@keyframes stretchdelay {
0%, 40%, 100% {
transform: translateY(-10px);
-webkit-transform: translateY(-10px);
} 20% {
transform: translateY(-20px);
-webkit-transform: translateY(-20px);
}
}