INGREDIENTS
1 serving
background-size: cover
1 serving
background-position: center top
1 serving
background-color: #f5f8fa
1 serving
flex-wrap: wrap
1 serving
background-size: 72px 72px
1 container
loading-spinner {
1 serving
position: fixed
? top: 0; top: 0; top 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
? left: 0; left: 0; left 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
width
1 serving
height
10000
1 serving
display: flex
1 serving
align-items: center
1 serving
justify-content: center
1 serving
transition: opacity 250ms ease-in-out
1
1 serving
pointer-events: none
1 serving
background-image: url
1 serving
}
1 serving
loading-spinner {
1 serving
width: 72px
1 serving
height: 72px
1 serving
display: flex
1 serving
}
1 serving
loading-spinner > div {
1 serving
display: inline-flex
1 serving
height: 24px
1 serving
width: 24px
1 cube
animation: 1.5s infinite ease-in-out
1 serving
}
1 serving
loading-spinner > div > div {
1 serving
height
1 serving
width
1 serving
background-image: url
1 serving
background-position: -9999px -9999px
1 serving
background-repeat: no-repeat
1 serving
}
1 serving
loading-spinner div:nth-child {
1 serving
animation-delay: 200ms
1 serving
}
1 serving
loading-spinner div:nth-child div {
border-radius: 6px 0
1 serving
background-position
1 serving
}
1 serving
loading-spinner div:nth-child {
1 serving
animation-delay: 300ms
1 serving
}
1 serving
loading-spinner div:nth-child div {
1 serving
background-position
1 serving
}
1 serving
loading-spinner div:nth-child {
1 serving
animation-delay: 400ms
1 serving
}
1 serving
loading-spinner div:nth-child div {
border-radius: 0 6px
1 serving
background-position
1 serving
}
1 serving
loading-spinner div:nth-child {
1 serving
animation-delay: 100ms
1 serving
}
1 serving
loading-spinner div:nth-child div {
1 serving
background-position
1 serving
}
1 serving
loading-spinner div:nth-child {
1 serving
animation-delay: 200ms
1 serving
}
1 serving
loading-spinner div:nth-child div {
1 serving
background-position
1 serving
}
1 serving
loading-spinner div:nth-child {
1 serving
animation-delay: 300ms
1 serving
}
1 serving
loading-spinner div:nth-child div {
1 serving
background-position
1 serving
}
1 serving
loading-spinner div:nth-child {
1 serving
animation-delay: 0ms
1 serving
}
1 serving
loading-spinner div:nth-child div {
border-radius: 0 6px
1 serving
background-position
1 serving
}
1 serving
loading-spinner div:nth-child {
1 serving
animation-delay: 100ms
1 serving
}
1 serving
loading-spinner div:nth-child div {
1 serving
background-position
1 serving
}
1 serving
loading-spinner div:nth-child {
1 serving
animation-delay: 200ms
1 serving
}
1 serving
loading-spinner div:nth-child div {
border-radius: 6px
1 serving
background-position
1 serving
}
1 cube
keyframes {
1 serving
{
1
transform: scale
1 serving
}
1 serving
{
transform: scale
1 serving
}
1 serving
}