@obosbbl/grunnmuren-tailwind 2.3.1 → 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 +12 -17
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'] *)));
|
|
@@ -219,6 +220,12 @@
|
|
|
219
220
|
margin-bottom: 0.5em;
|
|
220
221
|
}
|
|
221
222
|
|
|
223
|
+
&:where(h5) {
|
|
224
|
+
@apply heading-xs;
|
|
225
|
+
margin-top: 1.4em;
|
|
226
|
+
margin-bottom: 0.4em;
|
|
227
|
+
}
|
|
228
|
+
|
|
222
229
|
&:where(h4 strong) {
|
|
223
230
|
font-weight: 700;
|
|
224
231
|
color: inherit;
|
|
@@ -404,22 +411,6 @@
|
|
|
404
411
|
margin-bottom: 0.75em;
|
|
405
412
|
}
|
|
406
413
|
|
|
407
|
-
&:where(.prose > ul > li > *:first-child) {
|
|
408
|
-
margin-top: 1.25em;
|
|
409
|
-
}
|
|
410
|
-
|
|
411
|
-
&:where(.prose > ul > li > *:last-child) {
|
|
412
|
-
margin-bottom: 1.25em;
|
|
413
|
-
}
|
|
414
|
-
|
|
415
|
-
&:where(.prose > ol > li > *:first-child) {
|
|
416
|
-
margin-top: 1.25em;
|
|
417
|
-
}
|
|
418
|
-
|
|
419
|
-
&:where(.prose > ol > li > *:last-child) {
|
|
420
|
-
margin-bottom: 1.25em;
|
|
421
|
-
}
|
|
422
|
-
|
|
423
414
|
&:where(ul ul, ul ol, ol ul, ol ol) {
|
|
424
415
|
margin-top: 0.75em;
|
|
425
416
|
margin-bottom: 0.75em;
|
|
@@ -451,6 +442,10 @@
|
|
|
451
442
|
margin-top: 0;
|
|
452
443
|
}
|
|
453
444
|
|
|
445
|
+
&:where(h5 + *) {
|
|
446
|
+
margin-top: 0;
|
|
447
|
+
}
|
|
448
|
+
|
|
454
449
|
&:where(thead th:first-child) {
|
|
455
450
|
padding-left: 0;
|
|
456
451
|
}
|