maverick/netlify-cms-react-starter
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Update Spinner position

Browse source
This commit is contained in:
Eric Jinks 2018-02-16 11:19:32 +10:00
parent dc355b3bbd
commit 655e4e5038
1 changed files with 13 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

17
src/components/Spinner.css
View file

@ -1,12 +1,21 @@
.Spinner { .Spinner {
position: fixed; position: fixed;
width: 100%; bottom: 1rem;
height: 100%; right: 1rem;
background: rgba(255, 255, 255, 0.7);
z-index: 2; z-index: 2;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
background: rgba(255, 255, 255, 1);
border-radius: 50%;
padding: 0.5rem;
animation: SpinnerPopIn 0.3s ease-out;
}
@keyframes SpinnerPopIn {
from {
transform: scale(0);
}
} }
.semipolar-spinner, .semipolar-spinner,
@ -15,7 +24,7 @@
} }
.semipolar-spinner { .semipolar-spinner {
--size: 150px; --size: 6rem;
--duration: 750ms; --duration: 750ms;
--color: var(--primary); --color: var(--primary);
height: var(--size); height: var(--size);