Tailwind CSS

Install Tailwind CSS with Next.js - Tailwind CSS

Styling based on parent state

Styling based on parent state

<div  class="group">
    ...
    <div class="group-hover:stroke-white"></div>
    ...
</a>

Naming group: group/{name}

Arbitrary groups: group-*, e.g. group-[.is-published]