tailwind-linear-scale/typography.css at main · harshmandan/tailwind-linear-scale · 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
39
40
41
42
43
44
45
46
47
48
49
@theme {
  /* To use different default fonts */
  /* --font-sans: var(--font-geist-sans); */
  /* --font-mono: var(--font-geist-mono); */

  --text-*: initial;

  /* Font weights. Remove this if you prefer to use font nomenclature like bold, medium, light, etc. */
  --font-weight-*: initial;
  --font-weight-100: 100;
  --font-weight-200: 200;
  --font-weight-300: 300;
  --font-weight-400: 400;
  --font-weight-500: 500;
  --font-weight-600: 600;
  --font-weight-700: 700;
  --font-weight-800: 800;
  --font-weight-900: 900;

  /* Font sizes. By default these are mapped to the default tailwind styles (text-12 == text-xs). */
  --text-12: calc(var(--scale-unit) * 12);
  --text-12--line-height: calc(1 / 0.75);
  --text-14: calc(var(--scale-unit) * 14);
  --text-14--line-height: calc(1.25 / 0.875);
  --text-base: calc(var(--scale-unit) * 16);
  --text-base--line-height: calc(1.5 / 1);
  --text-16: calc(var(--scale-unit) * 16);
  --text-16--line-height: calc(1.5 / 1);
  --text-18: calc(var(--scale-unit) * 18);
  --text-18--line-height: calc(1.75 / 1.125);
  --text-20: calc(var(--scale-unit) * 20);
  --text-20--line-height: calc(1.75 / 1.25);
  --text-24: calc(var(--scale-unit) * 24);
  --text-24--line-height: calc(2 / 1.5);
  --text-30: calc(var(--scale-unit) * 30);
  --text-30--line-height: calc(2.25 / 1.875);
  --text-36: calc(var(--scale-unit) * 36);
  --text-36--line-height: calc(2.5 / 2.25);
  --text-48: calc(var(--scale-unit) * 48);
  --text-48--line-height: 1;
  --text-60: calc(var(--scale-unit) * 60);
  --text-60--line-height: 1;
  --text-72: calc(var(--scale-unit) * 72);
  --text-72--line-height: 1;
  --text-96: calc(var(--scale-unit) * 96);
  --text-96--line-height: 1;
  --text-128: calc(var(--scale-unit) * 128);
  --text-128--line-height: 1;
}