diff --git a/README.md b/README.md index 950c9a5..443bb84 100644 --- a/README.md +++ b/README.md @@ -174,6 +174,9 @@ Here's a complete list of available element modifiers: | `prose-ol:{utility}` | `ol` | | `prose-ul:{utility}` | `ul` | | `prose-li:{utility}` | `li` | +| `prose-dl:{utility}` | `dl` | +| `prose-dt:{utility}` | `dt` | +| `prose-dd:{utiddty}` | `dd` | | `prose-table:{utility}` | `table` | | `prose-thead:{utility}` | `thead` | | `prose-tr:{utility}` | `tr` | diff --git a/src/index.js b/src/index.js index 04830b9..247934d 100644 --- a/src/index.js +++ b/src/index.js @@ -96,6 +96,9 @@ module.exports = plugin.withOptions( ['ol'], ['ul'], ['li'], + ['dl'], + ['dt'], + ['dd'], ['table'], ['thead'], ['tr'], diff --git a/src/index.test.js b/src/index.test.js index 8db6c6c..5367c8c 100644 --- a/src/index.test.js +++ b/src/index.test.js @@ -701,6 +701,9 @@ test('element variants', async () => { prose-ol:pl-6 prose-ul:pl-8 prose-li:my-4 + prose-dl:pl-6 + prose-dt:pl-8 + prose-dd:my-4 prose-table:my-8 prose-thead:border-red-300 prose-tr:border-red-200 @@ -832,6 +835,16 @@ test('element variants', async () => { margin-top: 1rem; margin-bottom: 1rem; } + .prose-dl\:pl-6 :is(:where(dl):not(:where([class~="not-prose"], [class~="not-prose"] *))) { + padding-left: 1.5rem; + } + .prose-dt\:pl-8 :is(:where(dt):not(:where([class~="not-prose"], [class~="not-prose"] *))) { + padding-left: 2rem; + } + .prose-dd\:my-4 :is(:where(dd):not(:where([class~="not-prose"], [class~="not-prose"] *))) { + margin-top: 1rem; + margin-bottom: 1rem; + } .prose-table\:my-8 :is(:where(table):not(:where([class~='not-prose'], [class~='not-prose'] *))) { margin-top: 2rem;