Dylan De Faoite
b6815c490a
Originally there was a simple "Loading" text, however this looked bad and might lead a user to think that the page had frozen. There is now a more comprehensive loading animation which users might be happy to sit on for a few minutes.
66 lines
946 B
CSS
66 lines
946 B
CSS
:root {
|
|
--bg-default: #f6f8fa;
|
|
--text-default: #24292f;
|
|
--border-default: #d0d7de;
|
|
--focus-ring: rgba(9, 105, 218, 0.22);
|
|
font-synthesis: none;
|
|
text-rendering: optimizeLegibility;
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
}
|
|
|
|
html,
|
|
body,
|
|
#root {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
body {
|
|
margin: 0;
|
|
background: var(--bg-default);
|
|
color: var(--text-default);
|
|
font-family: "IBM Plex Sans", "Noto Sans", "Liberation Sans", "Segoe UI", sans-serif;
|
|
}
|
|
|
|
* {
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
button,
|
|
input,
|
|
select,
|
|
textarea {
|
|
font: inherit;
|
|
}
|
|
|
|
input:focus,
|
|
button:focus-visible,
|
|
select:focus,
|
|
textarea:focus {
|
|
border-color: #0969da;
|
|
box-shadow: 0 0 0 3px var(--focus-ring);
|
|
outline: none;
|
|
}
|
|
|
|
@keyframes stats-spin {
|
|
from {
|
|
transform: rotate(0deg);
|
|
}
|
|
|
|
to {
|
|
transform: rotate(360deg);
|
|
}
|
|
}
|
|
|
|
@keyframes stats-pulse {
|
|
0%,
|
|
100% {
|
|
opacity: 0.5;
|
|
}
|
|
|
|
50% {
|
|
opacity: 1;
|
|
}
|
|
}
|