clampography 0.9.8 → 0.9.10
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/README.md +6 -4
- package/clampography.css +11 -4
- package/package.json +3 -2
package/README.md
CHANGED
|
@@ -15,10 +15,12 @@ on nearly all modern devices.
|
|
|
15
15
|
|
|
16
16
|
## The purpose
|
|
17
17
|
|
|
18
|
-
CSS resets
|
|
19
|
-
remove all
|
|
20
|
-
|
|
21
|
-
|
|
18
|
+
[CSS resets](https://en.wikipedia.org/wiki/Reset_style_sheet) like
|
|
19
|
+
[Tailwind's Preflight](https://tailwindcss.com/docs/preflight) remove all
|
|
20
|
+
browser typography defaults, leaving you with unstyled text. **Clampography**
|
|
21
|
+
delivers production-ready text scaling that responds to viewport changes
|
|
22
|
+
automatically, while leaving all aesthetic choices to you.
|
|
23
|
+
|
|
22
24
|
Visit the temporary [demo page](https://next.dav.one/clampography/) to see how
|
|
23
25
|
it looks.
|
|
24
26
|
|
package/clampography.css
CHANGED
|
@@ -311,7 +311,6 @@
|
|
|
311
311
|
height: 0.375em;
|
|
312
312
|
background-color: currentColor;
|
|
313
313
|
border-radius: 50%;
|
|
314
|
-
opacity: 0.4;
|
|
315
314
|
}
|
|
316
315
|
|
|
317
316
|
/* Right-aligned numbers for professional look (e.g. "9." aligns with "10.") */
|
|
@@ -331,7 +330,6 @@
|
|
|
331
330
|
text-align: right;
|
|
332
331
|
font-weight: 600;
|
|
333
332
|
color: currentColor;
|
|
334
|
-
opacity: 0.6;
|
|
335
333
|
}
|
|
336
334
|
|
|
337
335
|
/* Nested lists - indentation only, spacing handled by li rules above */
|
|
@@ -361,10 +359,19 @@
|
|
|
361
359
|
|
|
362
360
|
dd {
|
|
363
361
|
margin-left: var(--spacing-md);
|
|
364
|
-
margin-bottom: var(--spacing-xs);
|
|
365
362
|
}
|
|
366
363
|
|
|
367
|
-
/*
|
|
364
|
+
/* Spacing between term and definition (consistent with lists) */
|
|
365
|
+
dt + dd {
|
|
366
|
+
margin-top: var(--spacing-xs);
|
|
367
|
+
}
|
|
368
|
+
|
|
369
|
+
/* Spacing between multiple definitions (consistent with list items) */
|
|
370
|
+
dd + dd {
|
|
371
|
+
margin-top: var(--spacing-xs);
|
|
372
|
+
}
|
|
373
|
+
|
|
374
|
+
/* Remove bottom margin from last dd */
|
|
368
375
|
dd:last-child {
|
|
369
376
|
margin-bottom: 0;
|
|
370
377
|
}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "clampography",
|
|
3
|
-
"version": "0.9.
|
|
4
|
-
"description": "Fluid typography system based on CSS clamp()
|
|
3
|
+
"version": "0.9.10",
|
|
4
|
+
"description": "Fluid typography system based on CSS clamp(). Alternative to Tailwind CSS Typography plugin.",
|
|
5
5
|
"main": "clampography.css",
|
|
6
6
|
"style": "clampography.css",
|
|
7
7
|
"files": [
|
|
@@ -17,6 +17,7 @@
|
|
|
17
17
|
"alternative",
|
|
18
18
|
"blog",
|
|
19
19
|
"clamp",
|
|
20
|
+
"clampography",
|
|
20
21
|
"content",
|
|
21
22
|
"css",
|
|
22
23
|
"fluid",
|