From 767f0581403baaabe470765f4181328104105cd2 Mon Sep 17 00:00:00 2001 From: kgridou <32600911+khalilou88@users.noreply.github.com> Date: Sat, 13 Sep 2025 10:13:24 +0200 Subject: [PATCH 1/3] build: wip --- packages/tw-prose/index.css | 38 ++++++++++++++++++------------------- 1 file changed, 19 insertions(+), 19 deletions(-) diff --git a/packages/tw-prose/index.css b/packages/tw-prose/index.css index 7404ef5..2ce8f61 100644 --- a/packages/tw-prose/index.css +++ b/packages/tw-prose/index.css @@ -7,7 +7,7 @@ color: var(--tw-prose-body); max-width: 65ch; font-size: var(--text-base); - line-height: 1.75; + line-height: var(--leading-relaxed); & :where(p):not(:where([class~='not-prose'], [class~='not-prose'] *)) { margin-top: 1.25em; @@ -190,7 +190,7 @@ font-weight: var(--font-weight-semibold); margin-top: 1.5em; margin-bottom: 0.5em; - line-height: 1.5; + line-height: var(--leading-normal); } & :where(h4 strong):not(:where([class~='not-prose'], [class~='not-prose'] *)) { @@ -222,7 +222,7 @@ 0 0 0 1px rgb(var(--tw-prose-kbd-shadows) / 10%), 0 3px 0 rgb(var(--tw-prose-kbd-shadows) / 10%); font-size: 0.875em; - border-radius: 0.3125rem; + border-radius: var(--radius-md); padding-top: 0.1875em; padding-inline-end: 0.375em; padding-bottom: 0.1875em; @@ -282,7 +282,7 @@ line-height: 1.7142857; margin-top: 1.7142857em; margin-bottom: 1.7142857em; - border-radius: 0.375rem; + border-radius: var(--radius-md); padding-top: 0.8571429em; padding-inline-end: 1.1428571em; padding-bottom: 0.8571429em; @@ -566,7 +566,7 @@ & :where(kbd):not(:where([class~='not-prose'], [class~='not-prose'] *)) { font-size: 0.8571429em; - border-radius: 0.3125rem; + border-radius: var(--radius-md); padding-top: 0.1428571em; padding-inline-end: 0.3571429em; padding-bottom: 0.1428571em; @@ -590,7 +590,7 @@ line-height: 1.6666667; margin-top: 1.6666667em; margin-bottom: 1.6666667em; - border-radius: 0.25rem; + border-radius: var(--radius-sm); padding-top: 0.6666667em; padding-inline-end: 1em; padding-bottom: 0.6666667em; @@ -697,7 +697,7 @@ & :where(table):not(:where([class~='not-prose'], [class~='not-prose'] *)) { font-size: 0.8571429em; - line-height: 1.5; + line-height: var(--leading-normal); } & :where(thead th):not(:where([class~='not-prose'], [class~='not-prose'] *)) { @@ -800,7 +800,7 @@ font-size: 1.3333333em; margin-top: 1.6666667em; margin-bottom: 0.6666667em; - line-height: 1.5; + line-height: var(--leading-normal); } & :where(h4):not(:where([class~='not-prose'], [class~='not-prose'] *)) { @@ -831,7 +831,7 @@ & :where(kbd):not(:where([class~='not-prose'], [class~='not-prose'] *)) { font-size: 0.8888889em; - border-radius: 0.3125rem; + border-radius: var(--radius-md); padding-top: 0.2222222em; padding-inline-end: 0.4444444em; padding-bottom: 0.2222222em; @@ -852,10 +852,10 @@ & :where(pre):not(:where([class~='not-prose'], [class~='not-prose'] *)) { font-size: 0.8888889em; - line-height: 1.75; + line-height: var(--leading-relaxed); margin-top: 2em; margin-bottom: 2em; - border-radius: 0.375rem; + border-radius: var(--radius-md); padding-top: 1em; padding-inline-end: 1.5em; padding-bottom: 1em; @@ -962,7 +962,7 @@ & :where(table):not(:where([class~='not-prose'], [class~='not-prose'] *)) { font-size: 0.8888889em; - line-height: 1.5; + line-height: var(--leading-normal); } & :where(thead th):not(:where([class~='not-prose'], [class~='not-prose'] *)) { @@ -1012,7 +1012,7 @@ & :where(figcaption):not(:where([class~='not-prose'], [class~='not-prose'] *)) { font-size: 0.8888889em; - line-height: 1.5; + line-height: var(--leading-normal); margin-top: 1em; } @@ -1036,7 +1036,7 @@ & :where([class~='lead']):not(:where([class~='not-prose'], [class~='not-prose'] *)) { font-size: 1.2em; - line-height: 1.5; + line-height: var(--leading-normal); margin-top: 1em; margin-bottom: 1em; } @@ -1096,7 +1096,7 @@ & :where(kbd):not(:where([class~='not-prose'], [class~='not-prose'] *)) { font-size: 0.9em; - border-radius: 0.3125rem; + border-radius: var(--radius-md); padding-top: 0.25em; padding-inline-end: 0.4em; padding-bottom: 0.25em; @@ -1120,7 +1120,7 @@ line-height: 1.7777778; margin-top: 2em; margin-bottom: 2em; - border-radius: 0.5rem; + border-radius: var(--radius-lg); padding-top: 1.1111111em; padding-inline-end: 1.3333333em; padding-bottom: 1.1111111em; @@ -1336,7 +1336,7 @@ & :where(h4):not(:where([class~='not-prose'], [class~='not-prose'] *)) { margin-top: 1.6666667em; margin-bottom: 0.6666667em; - line-height: 1.5; + line-height: var(--leading-normal); } & :where(img):not(:where([class~='not-prose'], [class~='not-prose'] *)) { @@ -1361,7 +1361,7 @@ & :where(kbd):not(:where([class~='not-prose'], [class~='not-prose'] *)) { font-size: 0.8333333em; - border-radius: 0.375rem; + border-radius: var(--radius-md); padding-top: 0.25em; padding-inline-end: 0.3333333em; padding-bottom: 0.25em; @@ -1385,7 +1385,7 @@ line-height: 1.8; margin-top: 2em; margin-bottom: 2em; - border-radius: 0.5rem; + border-radius: var(--radius-lg); padding-top: 1.2em; padding-inline-end: 1.6em; padding-bottom: 1.2em; From 9ffe46a0a39250ea21cf05bc6eee8fb1d6a4b752 Mon Sep 17 00:00:00 2001 From: kgridou <32600911+khalilou88@users.noreply.github.com> Date: Sat, 13 Sep 2025 15:04:52 +0200 Subject: [PATCH 2/3] build: wip --- packages/tw-prose/index.css | 38 ++++++++++++++++++------------------- 1 file changed, 19 insertions(+), 19 deletions(-) diff --git a/packages/tw-prose/index.css b/packages/tw-prose/index.css index 2ce8f61..7404ef5 100644 --- a/packages/tw-prose/index.css +++ b/packages/tw-prose/index.css @@ -7,7 +7,7 @@ color: var(--tw-prose-body); max-width: 65ch; font-size: var(--text-base); - line-height: var(--leading-relaxed); + line-height: 1.75; & :where(p):not(:where([class~='not-prose'], [class~='not-prose'] *)) { margin-top: 1.25em; @@ -190,7 +190,7 @@ font-weight: var(--font-weight-semibold); margin-top: 1.5em; margin-bottom: 0.5em; - line-height: var(--leading-normal); + line-height: 1.5; } & :where(h4 strong):not(:where([class~='not-prose'], [class~='not-prose'] *)) { @@ -222,7 +222,7 @@ 0 0 0 1px rgb(var(--tw-prose-kbd-shadows) / 10%), 0 3px 0 rgb(var(--tw-prose-kbd-shadows) / 10%); font-size: 0.875em; - border-radius: var(--radius-md); + border-radius: 0.3125rem; padding-top: 0.1875em; padding-inline-end: 0.375em; padding-bottom: 0.1875em; @@ -282,7 +282,7 @@ line-height: 1.7142857; margin-top: 1.7142857em; margin-bottom: 1.7142857em; - border-radius: var(--radius-md); + border-radius: 0.375rem; padding-top: 0.8571429em; padding-inline-end: 1.1428571em; padding-bottom: 0.8571429em; @@ -566,7 +566,7 @@ & :where(kbd):not(:where([class~='not-prose'], [class~='not-prose'] *)) { font-size: 0.8571429em; - border-radius: var(--radius-md); + border-radius: 0.3125rem; padding-top: 0.1428571em; padding-inline-end: 0.3571429em; padding-bottom: 0.1428571em; @@ -590,7 +590,7 @@ line-height: 1.6666667; margin-top: 1.6666667em; margin-bottom: 1.6666667em; - border-radius: var(--radius-sm); + border-radius: 0.25rem; padding-top: 0.6666667em; padding-inline-end: 1em; padding-bottom: 0.6666667em; @@ -697,7 +697,7 @@ & :where(table):not(:where([class~='not-prose'], [class~='not-prose'] *)) { font-size: 0.8571429em; - line-height: var(--leading-normal); + line-height: 1.5; } & :where(thead th):not(:where([class~='not-prose'], [class~='not-prose'] *)) { @@ -800,7 +800,7 @@ font-size: 1.3333333em; margin-top: 1.6666667em; margin-bottom: 0.6666667em; - line-height: var(--leading-normal); + line-height: 1.5; } & :where(h4):not(:where([class~='not-prose'], [class~='not-prose'] *)) { @@ -831,7 +831,7 @@ & :where(kbd):not(:where([class~='not-prose'], [class~='not-prose'] *)) { font-size: 0.8888889em; - border-radius: var(--radius-md); + border-radius: 0.3125rem; padding-top: 0.2222222em; padding-inline-end: 0.4444444em; padding-bottom: 0.2222222em; @@ -852,10 +852,10 @@ & :where(pre):not(:where([class~='not-prose'], [class~='not-prose'] *)) { font-size: 0.8888889em; - line-height: var(--leading-relaxed); + line-height: 1.75; margin-top: 2em; margin-bottom: 2em; - border-radius: var(--radius-md); + border-radius: 0.375rem; padding-top: 1em; padding-inline-end: 1.5em; padding-bottom: 1em; @@ -962,7 +962,7 @@ & :where(table):not(:where([class~='not-prose'], [class~='not-prose'] *)) { font-size: 0.8888889em; - line-height: var(--leading-normal); + line-height: 1.5; } & :where(thead th):not(:where([class~='not-prose'], [class~='not-prose'] *)) { @@ -1012,7 +1012,7 @@ & :where(figcaption):not(:where([class~='not-prose'], [class~='not-prose'] *)) { font-size: 0.8888889em; - line-height: var(--leading-normal); + line-height: 1.5; margin-top: 1em; } @@ -1036,7 +1036,7 @@ & :where([class~='lead']):not(:where([class~='not-prose'], [class~='not-prose'] *)) { font-size: 1.2em; - line-height: var(--leading-normal); + line-height: 1.5; margin-top: 1em; margin-bottom: 1em; } @@ -1096,7 +1096,7 @@ & :where(kbd):not(:where([class~='not-prose'], [class~='not-prose'] *)) { font-size: 0.9em; - border-radius: var(--radius-md); + border-radius: 0.3125rem; padding-top: 0.25em; padding-inline-end: 0.4em; padding-bottom: 0.25em; @@ -1120,7 +1120,7 @@ line-height: 1.7777778; margin-top: 2em; margin-bottom: 2em; - border-radius: var(--radius-lg); + border-radius: 0.5rem; padding-top: 1.1111111em; padding-inline-end: 1.3333333em; padding-bottom: 1.1111111em; @@ -1336,7 +1336,7 @@ & :where(h4):not(:where([class~='not-prose'], [class~='not-prose'] *)) { margin-top: 1.6666667em; margin-bottom: 0.6666667em; - line-height: var(--leading-normal); + line-height: 1.5; } & :where(img):not(:where([class~='not-prose'], [class~='not-prose'] *)) { @@ -1361,7 +1361,7 @@ & :where(kbd):not(:where([class~='not-prose'], [class~='not-prose'] *)) { font-size: 0.8333333em; - border-radius: var(--radius-md); + border-radius: 0.375rem; padding-top: 0.25em; padding-inline-end: 0.3333333em; padding-bottom: 0.25em; @@ -1385,7 +1385,7 @@ line-height: 1.8; margin-top: 2em; margin-bottom: 2em; - border-radius: var(--radius-lg); + border-radius: 0.5rem; padding-top: 1.2em; padding-inline-end: 1.6em; padding-bottom: 1.2em; From 963679307b6bcb043fef9920e4281d724cffa2f3 Mon Sep 17 00:00:00 2001 From: kgridou <32600911+khalilou88@users.noreply.github.com> Date: Sat, 13 Sep 2025 15:47:23 +0200 Subject: [PATCH 3/3] build: wip --- packages/tw-prose/index.css | 38 ++++++++++++++++++------------------- 1 file changed, 19 insertions(+), 19 deletions(-) diff --git a/packages/tw-prose/index.css b/packages/tw-prose/index.css index 7404ef5..d2d8eeb 100644 --- a/packages/tw-prose/index.css +++ b/packages/tw-prose/index.css @@ -7,7 +7,7 @@ color: var(--tw-prose-body); max-width: 65ch; font-size: var(--text-base); - line-height: 1.75; + line-height: calc(var(--leading-normal) + 0.25); & :where(p):not(:where([class~='not-prose'], [class~='not-prose'] *)) { margin-top: 1.25em; @@ -190,7 +190,7 @@ font-weight: var(--font-weight-semibold); margin-top: 1.5em; margin-bottom: 0.5em; - line-height: 1.5; + line-height: var(--leading-normal); } & :where(h4 strong):not(:where([class~='not-prose'], [class~='not-prose'] *)) { @@ -222,7 +222,7 @@ 0 0 0 1px rgb(var(--tw-prose-kbd-shadows) / 10%), 0 3px 0 rgb(var(--tw-prose-kbd-shadows) / 10%); font-size: 0.875em; - border-radius: 0.3125rem; + border-radius: calc(var(--radius-sm) + 0.0625rem); padding-top: 0.1875em; padding-inline-end: 0.375em; padding-bottom: 0.1875em; @@ -282,7 +282,7 @@ line-height: 1.7142857; margin-top: 1.7142857em; margin-bottom: 1.7142857em; - border-radius: 0.375rem; + border-radius: var(--radius-md); padding-top: 0.8571429em; padding-inline-end: 1.1428571em; padding-bottom: 0.8571429em; @@ -566,7 +566,7 @@ & :where(kbd):not(:where([class~='not-prose'], [class~='not-prose'] *)) { font-size: 0.8571429em; - border-radius: 0.3125rem; + border-radius: calc(var(--radius-sm) + 0.0625rem); padding-top: 0.1428571em; padding-inline-end: 0.3571429em; padding-bottom: 0.1428571em; @@ -590,7 +590,7 @@ line-height: 1.6666667; margin-top: 1.6666667em; margin-bottom: 1.6666667em; - border-radius: 0.25rem; + border-radius: var(--radius-sm); padding-top: 0.6666667em; padding-inline-end: 1em; padding-bottom: 0.6666667em; @@ -697,7 +697,7 @@ & :where(table):not(:where([class~='not-prose'], [class~='not-prose'] *)) { font-size: 0.8571429em; - line-height: 1.5; + line-height: var(--leading-normal); } & :where(thead th):not(:where([class~='not-prose'], [class~='not-prose'] *)) { @@ -800,7 +800,7 @@ font-size: 1.3333333em; margin-top: 1.6666667em; margin-bottom: 0.6666667em; - line-height: 1.5; + line-height: var(--leading-normal); } & :where(h4):not(:where([class~='not-prose'], [class~='not-prose'] *)) { @@ -831,7 +831,7 @@ & :where(kbd):not(:where([class~='not-prose'], [class~='not-prose'] *)) { font-size: 0.8888889em; - border-radius: 0.3125rem; + border-radius: calc(var(--radius-sm) + 0.0625rem); padding-top: 0.2222222em; padding-inline-end: 0.4444444em; padding-bottom: 0.2222222em; @@ -852,10 +852,10 @@ & :where(pre):not(:where([class~='not-prose'], [class~='not-prose'] *)) { font-size: 0.8888889em; - line-height: 1.75; + line-height: calc(var(--leading-normal) + 0.25); margin-top: 2em; margin-bottom: 2em; - border-radius: 0.375rem; + border-radius: var(--radius-md); padding-top: 1em; padding-inline-end: 1.5em; padding-bottom: 1em; @@ -962,7 +962,7 @@ & :where(table):not(:where([class~='not-prose'], [class~='not-prose'] *)) { font-size: 0.8888889em; - line-height: 1.5; + line-height: var(--leading-normal); } & :where(thead th):not(:where([class~='not-prose'], [class~='not-prose'] *)) { @@ -1012,7 +1012,7 @@ & :where(figcaption):not(:where([class~='not-prose'], [class~='not-prose'] *)) { font-size: 0.8888889em; - line-height: 1.5; + line-height: var(--leading-normal); margin-top: 1em; } @@ -1036,7 +1036,7 @@ & :where([class~='lead']):not(:where([class~='not-prose'], [class~='not-prose'] *)) { font-size: 1.2em; - line-height: 1.5; + line-height: var(--leading-normal); margin-top: 1em; margin-bottom: 1em; } @@ -1096,7 +1096,7 @@ & :where(kbd):not(:where([class~='not-prose'], [class~='not-prose'] *)) { font-size: 0.9em; - border-radius: 0.3125rem; + border-radius: calc(var(--radius-sm) + 0.0625rem); padding-top: 0.25em; padding-inline-end: 0.4em; padding-bottom: 0.25em; @@ -1120,7 +1120,7 @@ line-height: 1.7777778; margin-top: 2em; margin-bottom: 2em; - border-radius: 0.5rem; + border-radius: var(--radius-lg); padding-top: 1.1111111em; padding-inline-end: 1.3333333em; padding-bottom: 1.1111111em; @@ -1336,7 +1336,7 @@ & :where(h4):not(:where([class~='not-prose'], [class~='not-prose'] *)) { margin-top: 1.6666667em; margin-bottom: 0.6666667em; - line-height: 1.5; + line-height: var(--leading-normal); } & :where(img):not(:where([class~='not-prose'], [class~='not-prose'] *)) { @@ -1361,7 +1361,7 @@ & :where(kbd):not(:where([class~='not-prose'], [class~='not-prose'] *)) { font-size: 0.8333333em; - border-radius: 0.375rem; + border-radius: var(--radius-md); padding-top: 0.25em; padding-inline-end: 0.3333333em; padding-bottom: 0.25em; @@ -1385,7 +1385,7 @@ line-height: 1.8; margin-top: 2em; margin-bottom: 2em; - border-radius: 0.5rem; + border-radius: var(--radius-lg); padding-top: 1.2em; padding-inline-end: 1.6em; padding-bottom: 1.2em;