@fylgja/tokens/css/fonts.host.css

[](https://www.npmjs.com/package/@fylgja/tokens) [](https://www.npmjs.com/package/@fylgja/tokens) [![License](https://img.shields.

:host {
	--font-size-1: 0.875rem;
	--font-size-2: 1rem;
	--font-size-3: 1.125rem;
	--font-size-4: 1.25rem;
	--font-size-5: 1.5rem;
	--font-size-6: 2rem;
	--font-size-7: 2.5rem;
	--font-size-8: 3rem;
	--font-size-9: 3.5rem;
	--font-size-fluid-1: clamp(0.875rem, 1.5cqi, 1rem);
	--font-size-fluid-2: clamp(1rem, 2cqi, 1.125rem);
	--font-size-fluid-3: clamp(1.25rem, 2cqi, 1.5rem);
	--font-size-fluid-4: clamp(1.5rem, 3cqi, 2rem);
	--font-size-fluid-5: clamp(2rem, 5cqi, 3.5rem);
	--line-height-1: 1.1;
	--line-height-2: 1.25;
	--line-height-3: 1.375;
	--line-height-4: 1.5;
	--line-height-5: 1.8;
}