Class VelvetResponsive

Namespace

Velvet

Assembly

Velvet.Docs.dll

Public entry points for Velvet's responsive system, for consumers that need to reference its conventions from code rather than only as utility-class strings.

public static class VelvetResponsive

Inheritance

object

VelvetResponsive

Fields

ContainerClass

The utility class that marks an element as a responsive scope — the CSS container-type: inline-size analog. Add it to an element and its descendants' sm:/md:/… breakpoints evaluate against THAT element's width instead of the panel root's. Exposed so tooling (e.g. a preview viewport switcher) can apply the marker without hardcoding the raw string.

Attach-time caveat (the scope is structural, like a real CSS container): a descendant binds its responsive width source ONCE, when it attaches to the panel. Adding or removing this class on an already-attached ancestor at runtime does NOT re-point descendants that are already attached — they keep the source resolved at their attach until they re-attach. Supported usage: put the class on the scope element before its subtree mounts, or re-mount the subtree after toggling it.