Field ContainerClass

Namespace

Velvet

Assembly

Velvet.Docs.dll

The utility class that marks an element as a query container — Tailwind v4's @container, the CSS container-type: inline-size analog. Its descendants' @sm:…@7xl:, @min-*: and @max-*: variants evaluate against THAT element's width. The viewport variants sm:…2xl: are unaffected: they never read a container. Exposed so tooling can apply the marker without hardcoding the raw string.

A container can be named, @container/name, which only @sm/name:-style variants of the same name ask for; an unnamed variant asks for the nearest container whatever its name. Adding or removing the class, or changing its name, on an already-attached ancestor re-points the descendants that are already attached.

public const string ContainerClass = "@container"

Returns

string

The utility class that marks an element as a query container — Tailwind v4's , the CSS container-type: inline-size analog. Its descendants' :…@7xl:, : and : variants evaluate against THAT element's width. The viewport variants sm:…2xl: are unaffected: they never read a container. Exposed so tooling can apply the marker without hardcoding the raw string. A container can be named, @container/name, which only @sm/name:-style variants of the same name ask for; an unnamed variant asks for the nearest container whatever its name. Adding or removing the class, or changing its name, on an already-attached ancestor re-points the descendants that are already attached.