Skip to content

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);
}