mirror/myspeed
1
0
Fork 0
mirror of https://github.com/gnmyt/myspeed.git synced 2026-02-08 22:48:36 -06:00
Code Issues Packages Projects Releases Wiki Activity

Moved the lds style into the spinner.sass style

Browse Source
This commit is contained in:
Mathias Wagner
2023-02-19 16:33:18 +01:00
parent 026fc4fba4
commit 955e17196a
1 changed files with 51 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

51
client/src/common/styles/spinner.sass Normal file
View File

@@ -0,0 +1,51 @@
@import "colors"
.lds-ellipsis
display: inline-block
position: relative
width: 80px
height: 80px
.lds-ellipsis div
position: absolute
top: 33px
width: 13px
height: 13px
border-radius: 50%
background: $white
animation-timing-function: cubic-bezier(0, 1, 1, 0)
.lds-ellipsis div:nth-child(1)
left: 8px
animation: lds-ellipsis1 0.6s infinite
.lds-ellipsis div:nth-child(2)
left: 8px
animation: lds-ellipsis2 0.6s infinite
.lds-ellipsis div:nth-child(3)
left: 32px
animation: lds-ellipsis2 0.6s infinite
.lds-ellipsis div:nth-child(4)
left: 56px
animation: lds-ellipsis3 0.6s infinite
@keyframes lds-ellipsis1
0%
transform: scale(0)
100%
transform: scale(1)
@keyframes lds-ellipsis3
0%
transform: scale(1)
100%
transform: scale(0)
@keyframes lds-ellipsis2
0%
transform: translate(0, 0)
100%
transform: translate(24px, 0)