Skip to content

Commit

Permalink
Rectify variant order Closes #376
Browse files Browse the repository at this point in the history
  • Loading branch information
philipp-spiess committed Feb 11, 2025
1 parent 0ab25dc commit 1a6972e
Showing 1 changed file with 7 additions and 1 deletion.
8 changes: 7 additions & 1 deletion README.md
Original file line number Diff line number Diff line change
Expand Up @@ -175,7 +175,13 @@ Here's a complete list of available element modifiers:
| `prose-video:{utility}` | `video` |
| `prose-hr:{utility}` | `hr` |

When stacking these modifiers with other modifiers like `hover`, you most likely want the other modifier to come first:
When stacking these modifiers with other modifiers like `hover`, you most likely want the other modifier to come last:

```html
<article class="prose prose-a:text-blue-600 prose-a:hover:text-blue-500">{{ markdown }}</article>
```

If you are still using in Tailwind CSS v3, the modifier order is the opposite:

```html
<article class="prose prose-a:text-blue-600 hover:prose-a:text-blue-500">{{ markdown }}</article>
Expand Down

0 comments on commit 1a6972e

Please sign in to comment.