Fix spinner component to allow it to be positioned correctly

This commit is contained in:
Dane Everitt 2018-07-21 22:31:03 -07:00
parent b9368eca45
commit 71d2a648ca
No known key found for this signature in database
GPG key ID: EEA66103B3D71F53
2 changed files with 32 additions and 11 deletions

View file

@ -2,18 +2,15 @@
color: transparent;
pointer-events: none;
position: relative;
@apply .h-16;
&:after {
@apply .border-2 .border-grey-light .absolute .block;
@apply .border-2 .border-grey-light .absolute .block .h-4 .w-4 .rounded-full;
animation: spinners--spin 500ms infinite linear;
border-radius: 9999px;
border-top-color: transparent !important;
border-right-color: transparent !important;
content: '';
width: 1em;
height: 1em;
left: calc(50% - (1em / 2));
top: calc(50% - (1em / 2));
}
&.spinner-xl:after {