mirror/myspeed
1
0
Fork 0
mirror of https://github.com/gnmyt/myspeed.git synced 2026-02-09 23:18:37 -06:00
Code Issues Packages Projects Releases Wiki Activity

Created the SpeedtestDialog styles.sass

Browse Source
This commit is contained in:
Mathias Wagner
2023-02-18 23:34:37 +01:00
parent 8e13560920
commit 82effbf087
1 changed files with 59 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

59
client/src/common/components/SpeedtestDialog/styles.sass Normal file
View File

@@ -0,0 +1,59 @@
@import "@/common/styles/colors"
.dialog-speedtest
display: flex
justify-content: center
align-content: center
align-items: center
width: 70px
height: 70px
.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)