Skip to content

Instantly share code, notes, and snippets.

@colin-johnston
Created July 25, 2018 23:56
Show Gist options
  • Save colin-johnston/88a2079c019e427cd2656cd48bef9d90 to your computer and use it in GitHub Desktop.
Save colin-johnston/88a2079c019e427cd2656cd48bef9d90 to your computer and use it in GitHub Desktop.
Rollbar temp loading indicator
// start Spinner
// insert as <div class="spin-loader"></div> centered in loader mask
$spinner-size: 48px;
.spin-loader {
-webkit-animation: spin 1s linear infinite;
animation: spin 1s linear infinite;
border: 8px solid rgba(238,243,250,1);
border-top: 8px solid rgba(80,140,215,0.25);
border-radius: 50%;
height: $spinner-size;
width: $spinner-size;
}
@-webkit-keyframes spin {
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes spin {
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
// end Spinner
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment