calmhn/src/index.css at 8a0be3c744a18a04e3f10af50d0164936ab2951d · githubnext/calmhn · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
@import "tailwindcss";

@font-face {
	font-family: InterVariable;
	font-style: normal;
	font-weight: 100 900;
	font-display: swap;
	src: url("./InterVariable.woff2") format("woff2");
}

:root {
	/* Fluid typography scale using clamp() */
	/* Base: 14px-18px between 320px-1440px viewports */
	--fs-base: clamp(0.875rem, 0.7857rem + 0.2976vw, 1.125rem);

	/* Small: 9px-11px */
	--fs-xs: clamp(0.5625rem, 0.5089rem + 0.1786vw, 0.6875rem);

	/* Medium: 12px-16px */
	--fs-sm: clamp(0.75rem, 0.6429rem + 0.3571vw, 1rem);

	/* Large: 16px-22px */
	--fs-lg: clamp(1rem, 0.8571rem + 0.4762vw, 1.375rem);

	/* Extra Large: 28px-48px (h1) */
	--fs-xl: clamp(1.75rem, 1.3929rem + 1.1905vw, 3rem);

	/* Line heights */
	--lh-tight: 1.25;
	--lh-normal: 1.5;
	--lh-relaxed: 1.625;
}

body {
	font-family: "InterVariable", sans-serif;
	font-size: var(--fs-base);
	line-height: var(--lh-normal);
}