Skip to content

Commit c65ea8b

Browse files
nmergetnmerget
authored
fix: text-sizes in tailwind config (#4107)
1 parent 5cf39eb commit c65ea8b

File tree

2 files changed

+38
-114
lines changed

2 files changed

+38
-114
lines changed

‎packages/foundations/tailwind/tailwind-tokens.json

Lines changed: 19 additions & 76 deletions
Original file line numberDiff line numberDiff line change
@@ -101,82 +101,25 @@
101101
"head": "var(--db-font-family-head)"
102102
},
103103
"fontSize": {
104-
"base": [
105-
"var(--db-type-body-font-size-md)",
106-
"var(--db-type-body-line-height-md)"
107-
],
108-
"body-3xs": [
109-
"var(--db-type-body-font-size-3xs)",
110-
"var(--db-type-body-line-height-3xs)"
111-
],
112-
"body-2xs": [
113-
"var(--db-type-body-font-size-2xs)",
114-
"var(--db-type-body-line-height-2xs)"
115-
],
116-
"body-2xl": [
117-
"var(--db-type-body-font-size-2xl)",
118-
"var(--db-type-body-line-height-2xl)"
119-
],
120-
"body-3xl": [
121-
"var(--db-type-body-font-size-3xl)",
122-
"var(--db-type-body-line-height-3xl)"
123-
],
124-
"body-xs": [
125-
"var(--db-type-body-font-size-xs)",
126-
"var(--db-type-body-line-height-xs)"
127-
],
128-
"body-sm": [
129-
"var(--db-type-body-font-size-sm)",
130-
"var(--db-type-body-line-height-sm)"
131-
],
132-
"body-md": [
133-
"var(--db-type-body-font-size-md)",
134-
"var(--db-type-body-line-height-md)"
135-
],
136-
"body-lg": [
137-
"var(--db-type-body-font-size-lg)",
138-
"var(--db-type-body-line-height-lg)"
139-
],
140-
"body-xl": [
141-
"var(--db-type-body-font-size-xl)",
142-
"var(--db-type-body-line-height-xl)"
143-
],
144-
"head-3xs": [
145-
"var(--db-type-headline-font-size-3xs)",
146-
"var(--db-type-headline-line-height-3xs)"
147-
],
148-
"head-2xs": [
149-
"var(--db-type-headline-font-size-2xs)",
150-
"var(--db-type-headline-line-height-2xs)"
151-
],
152-
"head-2xl": [
153-
"var(--db-type-headline-font-size-2xl)",
154-
"var(--db-type-headline-line-height-2xl)"
155-
],
156-
"head-3xl": [
157-
"var(--db-type-headline-font-size-3xl)",
158-
"var(--db-type-headline-line-height-3xl)"
159-
],
160-
"head-xs": [
161-
"var(--db-type-headline-font-size-xs)",
162-
"var(--db-type-headline-line-height-xs)"
163-
],
164-
"head-sm": [
165-
"var(--db-type-headline-font-size-sm)",
166-
"var(--db-type-headline-line-height-sm)"
167-
],
168-
"head-md": [
169-
"var(--db-type-headline-font-size-md)",
170-
"var(--db-type-headline-line-height-md)"
171-
],
172-
"head-lg": [
173-
"var(--db-type-headline-font-size-lg)",
174-
"var(--db-type-headline-line-height-lg)"
175-
],
176-
"head-xl": [
177-
"var(--db-type-headline-font-size-xl)",
178-
"var(--db-type-headline-line-height-xl)"
179-
]
104+
"base": "var(--db-type-body-md)",
105+
"body-3xs": "var(--db-type-body-3xs)",
106+
"body-2xs": "var(--db-type-body-2xs)",
107+
"body-xs": "var(--db-type-body-xs)",
108+
"body-sm": "var(--db-type-body-sm)",
109+
"body-md": "var(--db-type-body-md)",
110+
"body-lg": "var(--db-type-body-lg)",
111+
"body-xl": "var(--db-type-body-xl)",
112+
"body-2xl": "var(--db-type-body-2xl)",
113+
"body-3xl": "var(--db-type-body-3xl)",
114+
"head-3xs": "var(--db-type-headline-3xs)",
115+
"head-2xs": "var(--db-type-headline-2xs)",
116+
"head-xs": "var(--db-type-headline-xs)",
117+
"head-sm": "var(--db-type-headline-sm)",
118+
"head-md": "var(--db-type-headline-md)",
119+
"head-lg": "var(--db-type-headline-lg)",
120+
"head-xl": "var(--db-type-headline-xl)",
121+
"head-2xl": "var(--db-type-headline-2xl)",
122+
"head-3xl": "var(--db-type-headline-3xl)"
180123
},
181124
"borderRadius": {
182125
"DEFAULT": "var(--db-border-radius-xs)",

‎packages/foundations/tailwind/theme/index.css

Lines changed: 19 additions & 38 deletions
Original file line numberDiff line numberDiff line change
@@ -11,44 +11,25 @@
1111
--font-head: var(--db-font-family-head);
1212

1313
--text-*: initial; /* Font size utilities like text-body-xl */
14-
--text-base: var(--db-type-body-font-size-md);
15-
--text-base--line-height: var(--db-type-body-line-height-md);
16-
--text-body-3xs: var(--db-type-body-font-size-3xs);
17-
--text-body-3xs--line-height: var(--db-type-body-line-height-3xs);
18-
--text-body-2xs: var(--db-type-body-font-size-2xs);
19-
--text-body-2xs--line-height: var(--db-type-body-line-height-2xs);
20-
--text-body-xs: var(--db-type-body-font-size-xs);
21-
--text-body-xs--line-height: var(--db-type-body-line-height-xs);
22-
--text-body-sm: var(--db-type-body-font-size-sm);
23-
--text-body-sm--line-height: var(--db-type-body-line-height-sm);
24-
--text-body-md: var(--db-type-body-font-size-md);
25-
--text-body-md--line-height: var(--db-type-body-line-height-md);
26-
--text-body-lg: var(--db-type-body-font-size-lg);
27-
--text-body-lg--line-height: var(--db-type-body-line-height-lg);
28-
--text-body-xl: var(--db-type-body-font-size-xl);
29-
--text-body-xl--line-height: var(--db-type-body-line-height-xl);
30-
--text-body-2xl: var(--db-type-body-font-size-2xl);
31-
--text-body-2xl--line-height: var(--db-type-body-line-height-2xl);
32-
--text-body-3xl: var(--db-type-body-font-size-3xl);
33-
--text-body-3xl--line-height: var(--db-type-body-line-height-3xl);
34-
--text-head-3xs: var(--db-type-headline-font-size-3xs);
35-
--text-head-3xs--line-height: var(--db-type-headline-line-height-3xs);
36-
--text-head-2xs: var(--db-type-headline-font-size-2xs);
37-
--text-head-2xs--line-height: var(--db-type-headline-line-height-2xs);
38-
--text-head-xs: var(--db-type-headline-font-size-xs);
39-
--text-head-xs--line-height: var(--db-type-headline-line-height-xs);
40-
--text-head-sm: var(--db-type-headline-font-size-sm);
41-
--text-head-sm--line-height: var(--db-type-headline-line-height-sm);
42-
--text-head-md: var(--db-type-headline-font-size-md);
43-
--text-head-md--line-height: var(--db-type-headline-line-height-md);
44-
--text-head-lg: var(--db-type-headline-font-size-lg);
45-
--text-head-lg--line-height: var(--db-type-headline-line-height-lg);
46-
--text-head-xl: var(--db-type-headline-font-size-xl);
47-
--text-head-xl--line-height: var(--db-type-headline-line-height-xl);
48-
--text-head-2xl: var(--db-type-headline-font-size-2xl);
49-
--text-head-2xl--line-height: var(--db-type-headline-line-height-2xl);
50-
--text-head-3xl: var(--db-type-headline-font-size-3xl);
51-
--text-head-3xl--line-height: var(--db-type-headline-line-height-3xl);
14+
--text-base: var(--db-type-body-md);
15+
--text-body-3xs: var(--db-type-body-3xs);
16+
--text-body-2xs: var(--db-type-body-2xs);
17+
--text-body-xs: var(--db-type-body-xs);
18+
--text-body-sm: var(--db-type-body-sm);
19+
--text-body-md: var(--db-type-body-md);
20+
--text-body-lg: var(--db-type-body-lg);
21+
--text-body-xl: var(--db-type-body-xl);
22+
--text-body-2xl: var(--db-type-body-2xl);
23+
--text-body-3xl: var(--db-type-body-3xl);
24+
--text-head-3xs: var(--db-type-headline-3xs);
25+
--text-head-2xs: var(--db-type-headline-2xs);
26+
--text-head-xs: var(--db-type-headline-xs);
27+
--text-head-sm: var(--db-type-headline-sm);
28+
--text-head-md: var(--db-type-headline-md);
29+
--text-head-lg: var(--db-type-headline-lg);
30+
--text-head-xl: var(--db-type-headline-xl);
31+
--text-head-2xl: var(--db-type-headline-2xl);
32+
--text-head-3xl: var(--db-type-headline-3xl);
5233

5334
--breakpoint-*: initial; /* Responsive breakpoint variants like sm:* */
5435
--breakpoint-xs: 360px;

0 commit comments

Comments
 (0)