@betterlb/kapwa 1.1.10 → 1.1.12
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.
- package/dist/kapwa.css +58 -22
- package/package.json +1 -1
package/dist/kapwa.css
CHANGED
|
@@ -272,6 +272,8 @@
|
|
|
272
272
|
}
|
|
273
273
|
|
|
274
274
|
/* Responsive typography utilities */
|
|
275
|
+
|
|
276
|
+
/* Heading - responsive scaling */
|
|
275
277
|
.kapwa-heading {
|
|
276
278
|
font-size: 1.25rem;
|
|
277
279
|
font-weight: 700;
|
|
@@ -279,52 +281,86 @@
|
|
|
279
281
|
letter-spacing: var(--letter-spacing-tight);
|
|
280
282
|
font-family: var(--font-family-sans);
|
|
281
283
|
}
|
|
282
|
-
|
|
283
284
|
@media (min-width: 768px) {
|
|
284
|
-
.kapwa-heading {
|
|
285
|
-
font-size: 1.5rem;
|
|
286
|
-
}
|
|
285
|
+
.kapwa-heading { font-size: 1.5rem; }
|
|
287
286
|
}
|
|
288
|
-
|
|
289
287
|
@media (min-width: 1024px) {
|
|
290
|
-
.kapwa-heading {
|
|
291
|
-
font-size: 2rem;
|
|
292
|
-
}
|
|
288
|
+
.kapwa-heading { font-size: 2rem; }
|
|
293
289
|
}
|
|
294
|
-
|
|
295
290
|
@media (min-width: 1280px) {
|
|
296
|
-
.kapwa-heading {
|
|
297
|
-
font-size: 2.5rem;
|
|
298
|
-
}
|
|
291
|
+
.kapwa-heading { font-size: 2.5rem; }
|
|
299
292
|
}
|
|
300
293
|
|
|
294
|
+
/* Body - responsive scaling */
|
|
301
295
|
.kapwa-body {
|
|
302
296
|
font-size: 0.875rem;
|
|
303
297
|
font-weight: 400;
|
|
304
298
|
line-height: 1.4;
|
|
305
299
|
font-family: var(--font-family-sans);
|
|
306
300
|
}
|
|
307
|
-
|
|
308
301
|
.kapwa-body.strong {
|
|
309
302
|
font-weight: 700;
|
|
310
303
|
}
|
|
304
|
+
@media (min-width: 768px) {
|
|
305
|
+
.kapwa-body { font-size: 1rem; }
|
|
306
|
+
}
|
|
307
|
+
@media (min-width: 1024px) {
|
|
308
|
+
.kapwa-body { font-size: 1.125rem; }
|
|
309
|
+
}
|
|
310
|
+
@media (min-width: 1280px) {
|
|
311
|
+
.kapwa-body { font-size: 1.25rem; }
|
|
312
|
+
}
|
|
311
313
|
|
|
314
|
+
/* Code - responsive scaling */
|
|
315
|
+
.kapwa-code {
|
|
316
|
+
font-size: 0.875rem;
|
|
317
|
+
font-weight: 400;
|
|
318
|
+
line-height: 1.4;
|
|
319
|
+
font-family: var(--font-family-mono);
|
|
320
|
+
}
|
|
312
321
|
@media (min-width: 768px) {
|
|
313
|
-
.kapwa-
|
|
314
|
-
|
|
315
|
-
|
|
322
|
+
.kapwa-code { font-size: 1rem; }
|
|
323
|
+
}
|
|
324
|
+
@media (min-width: 1024px) {
|
|
325
|
+
.kapwa-code { font-size: 1.125rem; }
|
|
326
|
+
}
|
|
327
|
+
@media (min-width: 1280px) {
|
|
328
|
+
.kapwa-code { font-size: 1.25rem; }
|
|
316
329
|
}
|
|
317
330
|
|
|
331
|
+
/* Label - responsive scaling */
|
|
332
|
+
.kapwa-label {
|
|
333
|
+
font-size: 0.75rem;
|
|
334
|
+
font-weight: 700;
|
|
335
|
+
line-height: 1.2;
|
|
336
|
+
font-family: var(--font-family-sans);
|
|
337
|
+
}
|
|
338
|
+
@media (min-width: 768px) {
|
|
339
|
+
.kapwa-label { font-size: 0.875rem; }
|
|
340
|
+
}
|
|
318
341
|
@media (min-width: 1024px) {
|
|
319
|
-
.kapwa-
|
|
320
|
-
|
|
321
|
-
|
|
342
|
+
.kapwa-label { font-size: 1rem; }
|
|
343
|
+
}
|
|
344
|
+
@media (min-width: 1280px) {
|
|
345
|
+
.kapwa-label { font-size: 1.125rem; }
|
|
322
346
|
}
|
|
323
347
|
|
|
348
|
+
/* Link - responsive scaling */
|
|
349
|
+
.kapwa-link {
|
|
350
|
+
font-size: 0.875rem;
|
|
351
|
+
font-weight: 400;
|
|
352
|
+
line-height: 1.4;
|
|
353
|
+
font-family: var(--font-family-sans);
|
|
354
|
+
text-decoration: underline;
|
|
355
|
+
}
|
|
356
|
+
@media (min-width: 768px) {
|
|
357
|
+
.kapwa-link { font-size: 1rem; }
|
|
358
|
+
}
|
|
359
|
+
@media (min-width: 1024px) {
|
|
360
|
+
.kapwa-link { font-size: 1.125rem; }
|
|
361
|
+
}
|
|
324
362
|
@media (min-width: 1280px) {
|
|
325
|
-
.kapwa-
|
|
326
|
-
font-size: 1.25rem;
|
|
327
|
-
}
|
|
363
|
+
.kapwa-link { font-size: 1.25rem; }
|
|
328
364
|
}
|
|
329
365
|
|
|
330
366
|
/* Static size classes */
|