@liftkit-vue/core 0.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (43) hide show
  1. package/README.md +181 -0
  2. package/dist/core.css +1 -0
  3. package/dist/index.cjs +273 -0
  4. package/dist/index.mjs +5592 -0
  5. package/package.json +58 -0
  6. package/src/css/align-items.css +21 -0
  7. package/src/css/align-self.css +24 -0
  8. package/src/css/aspect-ratios.css +35 -0
  9. package/src/css/background-colors.css +951 -0
  10. package/src/css/border-color.css +241 -0
  11. package/src/css/border-radius.css +49 -0
  12. package/src/css/border-style.css +20 -0
  13. package/src/css/border-width.css +41 -0
  14. package/src/css/borders.css +33 -0
  15. package/src/css/breaks.css +5 -0
  16. package/src/css/column-span.css +47 -0
  17. package/src/css/cursor.css +3 -0
  18. package/src/css/display.css +21 -0
  19. package/src/css/flexboxes.css +128 -0
  20. package/src/css/gaps.css +42 -0
  21. package/src/css/height.css +27 -0
  22. package/src/css/index.css +36 -0
  23. package/src/css/justify-content.css +23 -0
  24. package/src/css/justify-items.css +20 -0
  25. package/src/css/liftkit-core.css +465 -0
  26. package/src/css/liftkitvars.css +378 -0
  27. package/src/css/lk-components.css +498 -0
  28. package/src/css/margins.css +947 -0
  29. package/src/css/opacity.css +87 -0
  30. package/src/css/overflow.css +27 -0
  31. package/src/css/padding.css +1041 -0
  32. package/src/css/pointer-events.css +3 -0
  33. package/src/css/position.css +21 -0
  34. package/src/css/scale.css +23 -0
  35. package/src/css/scrim.css +10 -0
  36. package/src/css/shadows.css +31 -0
  37. package/src/css/text-alignment.css +19 -0
  38. package/src/css/text-color.css +721 -0
  39. package/src/css/text-columns.css +4 -0
  40. package/src/css/typography.css +493 -0
  41. package/src/css/whitespace.css +3 -0
  42. package/src/css/width.css +7 -0
  43. package/src/css/z-index.css +25 -0
package/src/css/typography.css ADDED
@@ -0,0 +1,493 @@
1
+ @import "./liftkitvars.css";
2
+
3
+ /* Regular families */
4
+ .display1 {
5
+ --lineHeightInEms: calc(1em * var(--lk-quarterstep));
6
+ --md: var(--lineHeightInEms);
7
+
8
+ --sm: calc(var(--lineHeightInEms) * var(--lk-wholestep-dec));
9
+ --xs: calc(var(--lineHeightInEms) * var(--lk-halfstep-dec));
10
+ --2xs: calc(var(--lineHeightInEms) * var(--lk-quarterstep-dec));
11
+
12
+ --sm: calc(var(--lineHeightInEms) * calc(1 / var(--lk-halfstep)));
13
+ --lg: calc(var(--lineHeightInEms) * var(--lk-wholestep));
14
+ --xl: calc(var(--lk-size-lg) * var(--lk-wholestep));
15
+ --2xl: calc(var(--lk-size-xl) * var(--lk-wholestep));
16
+
17
+ letter-spacing: -0.022em;
18
+ font-size: var(--display1-font-size);
19
+ font-weight: 400;
20
+ line-height: var(--lk-quarterstep);
21
+ }
22
+
23
+ .display2 {
24
+ --lineHeightInEms: calc(1em * var(--lk-halfstep));
25
+ --md: var(--lineHeightInEms);
26
+
27
+ --sm: calc(var(--lineHeightInEms) * var(--lk-wholestep-dec));
28
+ --xs: calc(var(--lineHeightInEms) * var(--lk-halfstep-dec));
29
+ --2xs: calc(var(--lineHeightInEms) * var(--lk-quarterstep-dec));
30
+
31
+ --lg: calc(var(--lineHeightInEms) * var(--lk-wholestep));
32
+ --xl: calc(var(--lk-size-lg) * var(--lk-wholestep));
33
+ --2xl: calc(var(--lk-size-xl) * var(--lk-wholestep));
34
+
35
+ letter-spacing: -0.022em;
36
+ font-size: var(--display2-font-size);
37
+ font-weight: 400;
38
+ line-height: var(--lk-halfstep);
39
+ }
40
+
41
+ .title1 {
42
+ --lineHeightInEms: calc(1em * var(--lk-halfstep));
43
+ --md: var(--lineHeightInEms);
44
+
45
+ --sm: calc(var(--lineHeightInEms) * var(--lk-wholestep-dec));
46
+ --xs: calc(var(--lineHeightInEms) * var(--lk-halfstep-dec));
47
+ --2xs: calc(var(--lineHeightInEms) * var(--lk-quarterstep-dec));
48
+
49
+ --lg: calc(var(--lineHeightInEms) * var(--lk-wholestep));
50
+ --xl: calc(var(--lk-size-lg) * var(--lk-wholestep));
51
+ --2xl: calc(var(--lk-size-xl) * var(--lk-wholestep));
52
+
53
+ letter-spacing: -0.022em;
54
+ font-size: var(--title1-font-size);
55
+ font-weight: 400;
56
+ line-height: var(--lk-halfstep);
57
+ }
58
+
59
+ .title2 {
60
+ --lineHeightInEms: calc(1em * var(--lk-halfstep));
61
+ --md: var(--lineHeightInEms);
62
+
63
+ --sm: calc(var(--lineHeightInEms) * var(--lk-wholestep-dec));
64
+ --xs: calc(var(--lineHeightInEms) * var(--lk-halfstep-dec));
65
+ --2xs: calc(var(--lineHeightInEms) * var(--lk-quarterstep-dec));
66
+
67
+ --lg: calc(var(--lineHeightInEms) * var(--lk-wholestep));
68
+ --xl: calc(var(--lk-size-lg) * var(--lk-wholestep));
69
+ --2xl: calc(var(--lk-size-xl) * var(--lk-wholestep));
70
+
71
+ letter-spacing: -0.02em;
72
+ font-size: var(--title2-font-size);
73
+ font-weight: 400;
74
+ line-height: var(--lk-halfstep);
75
+ }
76
+
77
+ .title3 {
78
+ --lineHeightInEms: calc(1em * var(--lk-halfstep));
79
+ --md: var(--lineHeightInEms);
80
+
81
+ --sm: calc(var(--lineHeightInEms) * var(--lk-wholestep-dec));
82
+ --xs: calc(var(--lineHeightInEms) * var(--lk-halfstep-dec));
83
+ --2xs: calc(var(--lineHeightInEms) * var(--lk-quarterstep-dec));
84
+
85
+ --lg: calc(var(--lineHeightInEms) * var(--lk-wholestep));
86
+ --xl: calc(var(--lk-size-lg) * var(--lk-wholestep));
87
+ --2xl: calc(var(--lk-size-xl) * var(--lk-wholestep));
88
+
89
+ letter-spacing: -0.017em;
90
+ font-size: var(--title3-font-size);
91
+ font-weight: 400;
92
+ line-height: var(--lk-halfstep);
93
+ }
94
+
95
+ .heading {
96
+ --lineHeightInEms: calc(1em * var(--lk-halfstep));
97
+ --md: var(--lineHeightInEms);
98
+
99
+ --sm: calc(var(--lineHeightInEms) * var(--lk-wholestep-dec));
100
+ --xs: calc(var(--lineHeightInEms) * var(--lk-halfstep-dec));
101
+ --2xs: calc(var(--lineHeightInEms) * var(--lk-quarterstep-dec));
102
+
103
+ --lg: calc(var(--lineHeightInEms) * var(--lk-wholestep));
104
+ --xl: calc(var(--lk-size-lg) * var(--lk-wholestep));
105
+ --2xl: calc(var(--lk-size-xl) * var(--lk-wholestep));
106
+
107
+ letter-spacing: -0.014em;
108
+ font-size: var(--heading-font-size);
109
+ font-weight: 600;
110
+ line-height: var(--lk-halfstep);
111
+ }
112
+
113
+ .subheading {
114
+ --lineHeightInEms: calc(1em * var(--lk-halfstep));
115
+ --md: var(--lineHeightInEms);
116
+
117
+ --sm: calc(var(--lineHeightInEms) * var(--lk-wholestep-dec));
118
+ --xs: calc(var(--lineHeightInEms) * var(--lk-halfstep-dec));
119
+ --2xs: calc(var(--lineHeightInEms) * var(--lk-quarterstep-dec));
120
+
121
+ --lg: calc(var(--lineHeightInEms) * var(--lk-wholestep));
122
+ --xl: calc(var(--lk-size-lg) * var(--lk-wholestep));
123
+ --2xl: calc(var(--lk-size-xl) * var(--lk-wholestep));
124
+
125
+ letter-spacing: -0.007em;
126
+ font-size: var(--subheading-font-size);
127
+ font-weight: 400;
128
+ line-height: var(--lk-halfstep);
129
+ }
130
+
131
+ .body {
132
+ --lineHeightInEms: var(--title2-font-size);
133
+ --md: 1em;
134
+ --sm: calc(var(--lineHeightInEms) * var(--lk-wholestep-dec));
135
+ --xs: calc(var(--lineHeightInEms) * var(--lk-halfstep-dec));
136
+ --2xs: calc(var(--lineHeightInEms) * var(--lk-quarterstep-dec));
137
+
138
+ --lg: calc(1em * var(--lk-wholestep));
139
+ --xl: calc(var(--lk-size-lg) * var(--lk-wholestep));
140
+ --2xl: calc(var(--lk-size-xl) * var(--lk-wholestep));
141
+
142
+ letter-spacing: -0.011em;
143
+ cursor: default;
144
+ font-size: 1em;
145
+ font-weight: 400;
146
+ line-height: var(--lk-wholestep);
147
+ }
148
+
149
+ .callout {
150
+ --lineHeightInEms: calc(1em * var(--lk-halfstep));
151
+ --md: var(--lineHeightInEms);
152
+
153
+ --sm: calc(var(--lineHeightInEms) * var(--lk-wholestep-dec));
154
+ --xs: calc(var(--lineHeightInEms) * var(--lk-halfstep-dec));
155
+ --2xs: calc(var(--lineHeightInEms) * var(--lk-quarterstep-dec));
156
+
157
+ --lg: calc(var(--lineHeightInEms) * var(--lk-wholestep));
158
+ --xl: calc(var(--lk-size-lg) * var(--lk-wholestep));
159
+ --2xl: calc(var(--lk-size-xl) * var(--lk-wholestep));
160
+
161
+ letter-spacing: -0.009em;
162
+ font-size: var(--callout-font-size);
163
+ font-weight: 400;
164
+ line-height: var(--lk-halfstep);
165
+ }
166
+
167
+ .label {
168
+ --lineHeightInEms: calc(1em * var(--lk-halfstep));
169
+ --md: var(--lineHeightInEms);
170
+
171
+ --sm: calc(var(--lineHeightInEms) * var(--lk-wholestep-dec));
172
+ --xs: calc(var(--lineHeightInEms) * var(--lk-halfstep-dec));
173
+ --2xs: calc(var(--lineHeightInEms) * var(--lk-quarterstep-dec));
174
+
175
+ --lg: calc(var(--lineHeightInEms) * var(--lk-wholestep));
176
+ --xl: calc(var(--lk-size-lg) * var(--lk-wholestep));
177
+ --2xl: calc(var(--lk-size-xl) * var(--lk-wholestep));
178
+
179
+ letter-spacing: -0.004em;
180
+ font-size: var(--label-font-size);
181
+ font-weight: 600;
182
+ line-height: var(--lk-halfstep);
183
+ position: static;
184
+ }
185
+
186
+ .caption {
187
+ --lineHeightInEms: calc(1em * var(--lk-halfstep));
188
+ --md: var(--lineHeightInEms);
189
+
190
+ --sm: calc(var(--lineHeightInEms) * var(--lk-wholestep-dec));
191
+ --xs: calc(var(--lineHeightInEms) * var(--lk-halfstep-dec));
192
+ --2xs: calc(var(--lineHeightInEms) * var(--lk-quarterstep-dec));
193
+
194
+ --lg: calc(var(--lineHeightInEms) * var(--lk-wholestep));
195
+ --xl: calc(var(--lk-size-lg) * var(--lk-wholestep));
196
+ --2xl: calc(var(--lk-size-xl) * var(--lk-wholestep));
197
+
198
+ letter-spacing: -0.007em;
199
+ font-size: var(--caption-font-size);
200
+ font-weight: 400;
201
+ line-height: var(--lk-halfstep);
202
+ }
203
+
204
+ .capline {
205
+ --lineHeightInEms: calc(1em * var(--lk-halfstep));
206
+ --md: var(--lineHeightInEms);
207
+
208
+ --sm: calc(var(--lineHeightInEms) * var(--lk-wholestep-dec));
209
+ --xs: calc(var(--lineHeightInEms) * var(--lk-halfstep-dec));
210
+ --2xs: calc(var(--lineHeightInEms) * var(--lk-quarterstep-dec));
211
+
212
+ --lg: calc(var(--lineHeightInEms) * var(--lk-wholestep));
213
+ --xl: calc(var(--lk-size-lg) * var(--lk-wholestep));
214
+ --2xl: calc(var(--lk-size-xl) * var(--lk-wholestep));
215
+
216
+ letter-spacing: 0.0618em;
217
+ text-transform: uppercase;
218
+ font-size: var(--capline-font-size);
219
+ font-weight: 400;
220
+ line-height: var(--lk-halfstep);
221
+ }
222
+
223
+ /* Bold Families */
224
+
225
+ .display1-bold {
226
+ --lineHeightInEms: calc(1em * var(--lk-quarterstep));
227
+ --md: calc(1em / var(--lk-wholestep));
228
+ --sm: calc(var(--lineHeightInEms) * var(--lk-wholestep-dec));
229
+ --xs: calc(var(--lineHeightInEms) * var(--lk-halfstep-dec));
230
+ --2xs: calc(var(--lineHeightInEms) * var(--lk-quarterstep-dec));
231
+
232
+ --lg: calc(1em * var(--lk-wholestep));
233
+ --xl: calc(var(--lk-size-lg) * var(--lk-wholestep));
234
+ --2xl: calc(var(--lk-size-xl) * var(--lk-wholestep));
235
+
236
+ letter-spacing: -0.022em;
237
+ font-size: var(--display1-font-size);
238
+ font-weight: 700;
239
+ line-height: var(--lk-quarterstep);
240
+ }
241
+
242
+ .display2-bold {
243
+ --lineHeightInEms: calc(1em * var(--lk-halfstep));
244
+ --md: var(--lineHeightInEms);
245
+
246
+ --sm: calc(var(--lineHeightInEms) * var(--lk-wholestep-dec));
247
+ --xs: calc(var(--lineHeightInEms) * var(--lk-halfstep-dec));
248
+ --2xs: calc(var(--lineHeightInEms) * var(--lk-quarterstep-dec));
249
+
250
+ --lg: calc(var(--lineHeightInEms) * var(--lk-wholestep));
251
+ --xl: calc(var(--lk-size-lg) * var(--lk-wholestep));
252
+ --2xl: calc(var(--lk-size-xl) * var(--lk-wholestep));
253
+
254
+ letter-spacing: -0.022em;
255
+ font-size: var(--display2-font-size);
256
+ font-weight: 700;
257
+ line-height: var(--lk-halfstep);
258
+ }
259
+
260
+ .title1-bold {
261
+ --lineHeightInEms: calc(1em * var(--lk-halfstep));
262
+ --md: var(--lineHeightInEms);
263
+
264
+ --sm: calc(var(--lineHeightInEms) * var(--lk-wholestep-dec));
265
+ --xs: calc(var(--lineHeightInEms) * var(--lk-halfstep-dec));
266
+ --2xs: calc(var(--lineHeightInEms) * var(--lk-quarterstep-dec));
267
+
268
+ --lg: calc(var(--lineHeightInEms) * var(--lk-wholestep));
269
+ --xl: calc(var(--lk-size-lg) * var(--lk-wholestep));
270
+ --2xl: calc(var(--lk-size-xl) * var(--lk-wholestep));
271
+
272
+ letter-spacing: -0.022em;
273
+ font-size: var(--title1-font-size);
274
+ font-weight: 600;
275
+ line-height: var(--lk-halfstep);
276
+ }
277
+
278
+ .title2-bold {
279
+ --lineHeightInEms: calc(1em * var(--lk-halfstep));
280
+ --md: var(--lineHeightInEms);
281
+
282
+ --sm: calc(var(--lineHeightInEms) * var(--lk-wholestep-dec));
283
+ --xs: calc(var(--lineHeightInEms) * var(--lk-halfstep-dec));
284
+ --2xs: calc(var(--lineHeightInEms) * var(--lk-quarterstep-dec));
285
+
286
+ --lg: calc(var(--lineHeightInEms) * var(--lk-wholestep));
287
+ --xl: calc(var(--lk-size-lg) * var(--lk-wholestep));
288
+ --2xl: calc(var(--lk-size-xl) * var(--lk-wholestep));
289
+
290
+ letter-spacing: -0.02em;
291
+ font-size: var(--title2-font-size);
292
+ font-weight: 600;
293
+ line-height: var(--lk-halfstep);
294
+ }
295
+
296
+ .title3-bold {
297
+ --lineHeightInEms: calc(1em * var(--lk-halfstep));
298
+ --md: var(--lineHeightInEms);
299
+
300
+ --sm: calc(var(--lineHeightInEms) * var(--lk-wholestep-dec));
301
+ --xs: calc(var(--lineHeightInEms) * var(--lk-halfstep-dec));
302
+ --2xs: calc(var(--lineHeightInEms) * var(--lk-quarterstep-dec));
303
+
304
+ --lg: calc(var(--lineHeightInEms) * var(--lk-wholestep));
305
+ --xl: calc(var(--lk-size-lg) * var(--lk-wholestep));
306
+ --2xl: calc(var(--lk-size-xl) * var(--lk-wholestep));
307
+
308
+ letter-spacing: -0.017em;
309
+ font-size: var(--title3-font-size);
310
+ font-weight: 600;
311
+ line-height: var(--lk-halfstep);
312
+ }
313
+
314
+ .heading-bold {
315
+ --lineHeightInEms: calc(1em * var(--lk-halfstep));
316
+ --md: var(--lineHeightInEms);
317
+
318
+ --sm: calc(var(--lineHeightInEms) * var(--lk-wholestep-dec));
319
+ --xs: calc(var(--lineHeightInEms) * var(--lk-halfstep-dec));
320
+ --2xs: calc(var(--lineHeightInEms) * var(--lk-quarterstep-dec));
321
+
322
+ --lg: calc(var(--lineHeightInEms) * var(--lk-wholestep));
323
+ --xl: calc(var(--lk-size-lg) * var(--lk-wholestep));
324
+ --2xl: calc(var(--lk-size-xl) * var(--lk-wholestep));
325
+
326
+ letter-spacing: -0.014em;
327
+ font-size: var(--heading-font-size);
328
+ font-weight: 700;
329
+ line-height: var(--lk-halfstep);
330
+ }
331
+
332
+ .subheading-bold {
333
+ --lineHeightInEms: calc(1em * var(--lk-halfstep));
334
+ --md: var(--lineHeightInEms);
335
+
336
+ --sm: calc(var(--lineHeightInEms) * var(--lk-wholestep-dec));
337
+ --xs: calc(var(--lineHeightInEms) * var(--lk-halfstep-dec));
338
+ --2xs: calc(var(--lineHeightInEms) * var(--lk-quarterstep-dec));
339
+
340
+ --lg: calc(var(--lineHeightInEms) * var(--lk-wholestep));
341
+ --xl: calc(var(--lk-size-lg) * var(--lk-wholestep));
342
+ --2xl: calc(var(--lk-size-xl) * var(--lk-wholestep));
343
+
344
+ letter-spacing: -0.007em;
345
+ font-size: var(--subheading-font-size);
346
+ font-weight: 600;
347
+ line-height: var(--lk-halfstep);
348
+ }
349
+
350
+ .body-bold {
351
+ --lineHeightInEms: var(--title2-font-size);
352
+ --md: calc(1em / var(--lk-wholestep));
353
+ --sm: calc(var(--lineHeightInEms) * var(--lk-wholestep-dec));
354
+ --xs: calc(var(--lineHeightInEms) * var(--lk-halfstep-dec));
355
+ --2xs: calc(var(--lineHeightInEms) * var(--lk-quarterstep-dec));
356
+
357
+ --lg: calc(1em * var(--lk-wholestep));
358
+ --xl: calc(var(--lk-size-lg) * var(--lk-wholestep));
359
+ --2xl: calc(var(--lk-size-xl) * var(--lk-wholestep));
360
+
361
+ letter-spacing: -0.011em;
362
+ padding: 0;
363
+ font-size: 1em;
364
+ font-weight: 600;
365
+ line-height: var(--lk-wholestep);
366
+ position: relative;
367
+ }
368
+
369
+ .callout-bold {
370
+ --lineHeightInEms: calc(1em * var(--lk-halfstep));
371
+ --md: var(--lineHeightInEms);
372
+
373
+ --sm: calc(var(--lineHeightInEms) * var(--lk-wholestep-dec));
374
+ --xs: calc(var(--lineHeightInEms) * var(--lk-halfstep-dec));
375
+ --2xs: calc(var(--lineHeightInEms) * var(--lk-quarterstep-dec));
376
+
377
+ --lg: calc(var(--lineHeightInEms) * var(--lk-wholestep));
378
+ --xl: calc(var(--lk-size-lg) * var(--lk-wholestep));
379
+ --2xl: calc(var(--lk-size-xl) * var(--lk-wholestep));
380
+
381
+ letter-spacing: -0.009em;
382
+ font-size: var(--callout-font-size);
383
+ font-weight: 600;
384
+ line-height: var(--lk-halfstep);
385
+ text-decoration: none;
386
+ }
387
+
388
+ .label-bold {
389
+ --lineHeightInEms: calc(1em * var(--lk-halfstep));
390
+ --md: var(--lineHeightInEms);
391
+
392
+ --sm: calc(var(--lineHeightInEms) * var(--lk-wholestep-dec));
393
+ --xs: calc(var(--lineHeightInEms) * var(--lk-halfstep-dec));
394
+ --2xs: calc(var(--lineHeightInEms) * var(--lk-quarterstep-dec));
395
+
396
+ --lg: calc(var(--lineHeightInEms) * var(--lk-wholestep));
397
+ --xl: calc(var(--lk-size-lg) * var(--lk-wholestep));
398
+ --2xl: calc(var(--lk-size-xl) * var(--lk-wholestep));
399
+
400
+ letter-spacing: -0.004em;
401
+ font-size: var(--label-font-size);
402
+ font-weight: 700;
403
+ line-height: var(--lk-halfstep);
404
+ }
405
+
406
+ .caption-bold {
407
+ --lineHeightInEms: calc(1em * var(--lk-halfstep));
408
+ --md: var(--lineHeightInEms);
409
+
410
+ --sm: calc(var(--lineHeightInEms) * var(--lk-wholestep-dec));
411
+ --xs: calc(var(--lineHeightInEms) * var(--lk-halfstep-dec));
412
+ --2xs: calc(var(--lineHeightInEms) * var(--lk-quarterstep-dec));
413
+
414
+ --lg: calc(var(--lineHeightInEms) * var(--lk-wholestep));
415
+ --xl: calc(var(--lk-size-lg) * var(--lk-wholestep));
416
+ --2xl: calc(var(--lk-size-xl) * var(--lk-wholestep));
417
+
418
+ letter-spacing: -0.007em;
419
+ font-size: var(--caption-font-size);
420
+ font-weight: 600;
421
+ line-height: var(--lk-halfstep);
422
+ }
423
+
424
+ .capline-bold {
425
+ --lineHeightInEms: calc(1em * var(--lk-halfstep));
426
+ --md: var(--lineHeightInEms);
427
+
428
+ --sm: calc(var(--lineHeightInEms) * var(--lk-wholestep-dec));
429
+ --xs: calc(var(--lineHeightInEms) * var(--lk-halfstep-dec));
430
+ --2xs: calc(var(--lineHeightInEms) * var(--lk-quarterstep-dec));
431
+
432
+ --lg: calc(var(--lineHeightInEms) * var(--lk-wholestep));
433
+ --xl: calc(var(--lk-size-lg) * var(--lk-wholestep));
434
+ --2xl: calc(var(--lk-size-xl) * var(--lk-wholestep));
435
+
436
+ letter-spacing: 0.0618em;
437
+ text-transform: uppercase;
438
+ font-size: var(--capline-font-size);
439
+ font-weight: 600;
440
+ line-height: var(--lk-halfstep);
441
+ }
442
+
443
+ @media screen and (max-width: 767px) {
444
+ .display1-bold,
445
+ .display1 {
446
+ font-size: 3.3301em;
447
+ }
448
+ }
449
+
450
+ @media screen and (max-width: 479px) {
451
+ .display1 {
452
+ font-size: 2.61743em;
453
+ }
454
+
455
+ .display1-bold {
456
+ font-size: 2.61743em;
457
+ }
458
+
459
+ .display2 {
460
+ font-size: 2.05818em;
461
+ }
462
+
463
+ .display2-bold {
464
+ font-size: 2.05818em;
465
+ }
466
+
467
+ .title1-bold,
468
+ .title1 {
469
+ font-size: 1.82285em;
470
+ }
471
+ }
472
+
473
+
474
+ .weight-400 {
475
+ font-weight: 400;
476
+ }
477
+
478
+ .italic {
479
+ font-style: italic;
480
+ }
481
+
482
+ .is-link {
483
+ transition: opacity 0.2s ease;
484
+ cursor: pointer;
485
+ }
486
+
487
+ .is-link:hover {
488
+ opacity: 0.6;
489
+ }
490
+
491
+ .mono {
492
+ font-family: monospace;
493
+ }
package/src/css/whitespace.css ADDED
@@ -0,0 +1,3 @@
1
+ .whitespace-pre {
2
+ white-space: pre;
3
+ }
package/src/css/width.css ADDED
@@ -0,0 +1,7 @@
1
+ .w-full {
2
+ width: 100%;
3
+ }
4
+
5
+ .max-w-full {
6
+ max-width: 100%;
7
+ }
package/src/css/z-index.css ADDED
@@ -0,0 +1,25 @@
1
+ .z-neg1 {
2
+ z-index: 1;
3
+ }
4
+ .z-0 {
5
+ z-index: 0;
6
+ }
7
+
8
+ .z-1 {
9
+ z-index: 1;
10
+ }
11
+ .z-2 {
12
+ z-index: 2;
13
+ }
14
+ .z-3 {
15
+ z-index: 3;
16
+ }
17
+ .z-4 {
18
+ z-index: 4;
19
+ }
20
+ .z-5 {
21
+ z-index: 5;
22
+ }
23
+ .z-99 {
24
+ z-index: 99;
25
+ }