shelving/ui/misc/Loading.module.css

Toolkit for using data in JavaScript.

@import "../style/base.css";

@layer components {
	.spinner {
		inline-size: var(--loading-size, var(--size-icon));
		block-size: var(--loading-size, var(--size-icon));
		flex: none;
	}

	.track {
		fill: none;
		stroke: var(--loading-color, var(--color-light));
		stroke-width: var(--loading-stroke-width, 2.5);
	}

	.indicator {
		fill: none;
		stroke: var(--loading-fill, var(--color-dark));
		stroke-width: var(--loading-stroke-width, 2.5);
		stroke-linecap: round;
		stroke-dasharray: var(--loading-indicator-length, 28 100);
	}
}