mirror of
https://github.com/expo/graphiql.git
synced 2026-11-14 19:10:19 -10:00
Greg Hurrell
6b2f6ddf07
Did this with a Vim macro, visually inspecting each site. I don't think any of the properties actually had ordering dependencies.
29 lines
678 B
CSS
29 lines
678 B
CSS
.graphiql-container .spinner-container {
|
|
height: 36px;
|
|
left: 50%;
|
|
position: absolute;
|
|
top: 50%;
|
|
transform: translate(-50%, -50%);
|
|
width: 36px;
|
|
z-index: 10;
|
|
}
|
|
|
|
.graphiql-container .spinner {
|
|
animation: rotation .6s infinite linear;
|
|
border-bottom: 6px solid rgba(150, 150, 150, .15);
|
|
border-left: 6px solid rgba(150, 150, 150, .15);
|
|
border-radius: 100%;
|
|
border-right: 6px solid rgba(150, 150, 150, .15);
|
|
border-top: 6px solid rgba(150, 150, 150, .8);
|
|
display: inline-block;
|
|
height: 24px;
|
|
position: absolute;
|
|
vertical-align: middle;
|
|
width: 24px;
|
|
}
|
|
|
|
@keyframes rotation {
|
|
from { transform: rotate(0deg); }
|
|
to { transform: rotate(359deg); }
|
|
}
|