@obosbbl/grunnmuren-tailwind 2.3.0 → 2.3.2
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/package.json +1 -1
- package/tailwind-typography.css +14 -18
package/package.json
CHANGED
package/tailwind-typography.css
CHANGED
|
@@ -3,12 +3,13 @@
|
|
|
3
3
|
* To support the prose styles from the tailwindcss-typography plugin.
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
|
-
@custom-variant prose-headings (& :is(h1, h2, h3, h4, th):not(:where([class~='not-prose'], [class~='not-prose'] *)));
|
|
6
|
+
@custom-variant prose-headings (& :is(h1, h2, h3, h4, h5, th):not(:where([class~='not-prose'], [class~='not-prose'] *)));
|
|
7
7
|
@custom-variant prose-lead (& :is([class~="lead"]):not(:where([class~='not-prose'], [class~='not-prose'] *)));
|
|
8
8
|
@custom-variant prose-h1 (& :is(h1):not(:where([class~='not-prose'], [class~='not-prose'] *)));
|
|
9
9
|
@custom-variant prose-h2 (& :is(h2):not(:where([class~='not-prose'], [class~='not-prose'] *)));
|
|
10
10
|
@custom-variant prose-h3 (& :is(h3):not(:where([class~='not-prose'], [class~='not-prose'] *)));
|
|
11
11
|
@custom-variant prose-h4 (& :is(h4):not(:where([class~='not-prose'], [class~='not-prose'] *)));
|
|
12
|
+
@custom-variant prose-h5 (& :is(h5):not(:where([class~='not-prose'], [class~='not-prose'] *)));
|
|
12
13
|
@custom-variant prose-p (& :is(p):not(:where([class~='not-prose'], [class~='not-prose'] *)));
|
|
13
14
|
@custom-variant prose-a (& :is(a):not(:where([class~='not-prose'], [class~='not-prose'] *)));
|
|
14
15
|
@custom-variant prose-blockquote (& :is(blockquote):not(:where([class~='not-prose'], [class~='not-prose'] *)));
|
|
@@ -70,7 +71,8 @@
|
|
|
70
71
|
&:where(a) {
|
|
71
72
|
color: var(--tw-prose-links);
|
|
72
73
|
text-decoration: underline;
|
|
73
|
-
|
|
74
|
+
/** Copied from the Link component: **/
|
|
75
|
+
@apply inline-flex cursor-pointer items-center gap-1 font-medium hover:no-underline focus-visible:outline-current focus-visible:outline-focus-offset [&>svg]:shrink-0;
|
|
74
76
|
}
|
|
75
77
|
|
|
76
78
|
&:where(strong) {
|
|
@@ -218,6 +220,12 @@
|
|
|
218
220
|
margin-bottom: 0.5em;
|
|
219
221
|
}
|
|
220
222
|
|
|
223
|
+
&:where(h5) {
|
|
224
|
+
@apply heading-xs;
|
|
225
|
+
margin-top: 1.4em;
|
|
226
|
+
margin-bottom: 0.4em;
|
|
227
|
+
}
|
|
228
|
+
|
|
221
229
|
&:where(h4 strong) {
|
|
222
230
|
font-weight: 700;
|
|
223
231
|
color: inherit;
|
|
@@ -403,22 +411,6 @@
|
|
|
403
411
|
margin-bottom: 0.75em;
|
|
404
412
|
}
|
|
405
413
|
|
|
406
|
-
&:where(.prose > ul > li > *:first-child) {
|
|
407
|
-
margin-top: 1.25em;
|
|
408
|
-
}
|
|
409
|
-
|
|
410
|
-
&:where(.prose > ul > li > *:last-child) {
|
|
411
|
-
margin-bottom: 1.25em;
|
|
412
|
-
}
|
|
413
|
-
|
|
414
|
-
&:where(.prose > ol > li > *:first-child) {
|
|
415
|
-
margin-top: 1.25em;
|
|
416
|
-
}
|
|
417
|
-
|
|
418
|
-
&:where(.prose > ol > li > *:last-child) {
|
|
419
|
-
margin-bottom: 1.25em;
|
|
420
|
-
}
|
|
421
|
-
|
|
422
414
|
&:where(ul ul, ul ol, ol ul, ol ol) {
|
|
423
415
|
margin-top: 0.75em;
|
|
424
416
|
margin-bottom: 0.75em;
|
|
@@ -450,6 +442,10 @@
|
|
|
450
442
|
margin-top: 0;
|
|
451
443
|
}
|
|
452
444
|
|
|
445
|
+
&:where(h5 + *) {
|
|
446
|
+
margin-top: 0;
|
|
447
|
+
}
|
|
448
|
+
|
|
453
449
|
&:where(thead th:first-child) {
|
|
454
450
|
padding-left: 0;
|
|
455
451
|
}
|