Skip to main content

PREVIEW_CENTERING_STYLE

Constant PREVIEW_CENTERING_STYLE 

Source
pub const PREVIEW_CENTERING_STYLE: &str = "<style data-studio=\"preview-centering\">html{min-height:100%;display:flex;flex-direction:column;justify-content:safe center}</style>";
Expand description

What the Studio adds to a page’s preview document, in its head: the page stands in the middle of the frame, across and down, however small it is, and from the top once it is taller than the frame (safe center). A page served by largo gets none of this: it is the Studio’s frame, not the page, that centers.