You can optionally name containers using a @container/{name} class, and then include that name in the container variants using classes like @lg/{name}:underline: @xs @container (min-width: 20rem /* ...

Jeremy has more than 2200 published articles on Collider to his name, and has been writing for the site since February 2022. He's an omnivore when it comes to his movie-watching diet, so will gladly ...

Since we're exporting class names, there's no reason to export only one. This can give us some really useful reuse of styles: .globalButtonStyle { background: white; border: 1px solid; border-radius: ...