Table of Contents

Field ViewportClass

Namespace
Velvet
Assembly
Velvet.Docs.dll

The utility class that makes an element stand in for the viewport: its descendants' sm:… 2xl: variants evaluate against THAT element's width instead of the panel root's. It is for tooling that simulates a viewport inside a larger panel, such as the preview window's Viewport addon; an application that wants a component to respond to its own width marks it ContainerClass and writes @sm:-style variants. Adding or removing the class on an already-attached ancestor re-points the descendants that are already attached.

public const string ViewportClass = "velvet-viewport"

Returns

string
The utility class that makes an element stand in for the viewport: its descendants' sm:… 2xl: variants evaluate against THAT element's width instead of the panel root's. It is for tooling that simulates a viewport inside a larger panel, such as the preview window's Viewport addon; an application that wants a component to respond to its own width marks it and writes :-style variants. Adding or removing the class on an already-attached ancestor re-points the descendants that are already attached.