PseudoElements

Description

Note: Tailwind 3+ includes most, if not all, of these psuedo elements. Its likely you don't need this plugin.

Adds more CSS pseudo-elements support as variants:

• after
• backdrop
• before
• cue
• first-letter
• first-line
• grammar-error
• marker
• placeholder
• selection

Setup

const { PseudoElements } = require('@area17/a17-tailwind-plugins');

module.exports = {
  ...
  plugins: [PseudoElements]

Output

This plugin will output pseudo classes variants:

Demo

• Snowman emoji li marker

<class="marker:content-['⛄️'] marker:text-red">...</li>