1
0
mirror of https://github.com/oceanprotocol/commons.git synced 2023-03-15 18:03:00 +01:00
commons/client/src/components/atoms/Spinner.module.scss

37 lines
739 B
SCSS

@import '../../styles/variables';
.spinner {
position: relative;
text-align: center;
margin-top: $spacer * $line-height;
margin-bottom: $spacer / 2;
line-height: 1.3;
&:before {
content: '';
box-sizing: border-box;
position: absolute;
top: 0;
left: 50%;
width: 20px;
height: 20px;
margin-top: -20px;
margin-left: -10px;
border-radius: 50%;
border: 2px solid $brand-purple;
border-top-color: $brand-violet;
animation: spinner .6s linear infinite;
}
}
.spinnerMessage {
color: $brand-grey-light;
padding-top: $spacer / 4;
}
@keyframes spinner {
to {
transform: rotate(360deg);
}
}