Customize
Styling Nanosplash to your needs is easy!
css
/* Backdrop */
.nsh::before {
background-color: var(--your-bg);
backdrop-filter: var(--your-filter);
}
/* Main */
.ns {
gap: var(--text-spinner-gap);
}
/* Text */
.nst {
color: var(--color);
font-size: var(--size);
font-family: var(--font);
font-weight: var(--weight);
}
/* Spinner */
.nss {
width: var(--spinner-width);
height: var(--spinner-height);
}