Fullscreen uss-na Alert Github @Xiphoseer

# Layouts

Based on the CSS Grid and Flexbox systems, there are a set of predefined layouts available. These commonly use the same placeholder names for the different areas, which means that migrating form one layout to another should be as easy as possible. Writing new layouts that extend or integrate existing ones should also work quite well.

These grid layouts may be optimized for or enhance some of the provided components (especially the chrome ones).

Page Layout <lcars-page>

This is the most standard layout available. It has room for a topbar and a bottombar as well as a content and statusline.

Topbar

123
statusline

content

Bottombar

Grid Layout <lcars-grid>

The next one is the grid layout (name subject to change). It has room for a topbar and a bottombar as well as a content and sidebar.

Topbar

Button

Sidebar

Impress
content

Analytical Layout <lcars-analytical>

Likely the most iconic console variation, this analytical layout provides a status window in its upper half, and a main content block at the bottom, along with a sidebar and altbar.

content
status-left