CSS: page-layout

div[class~="instui-page-layout"] — Leagan le trí cholún caighdeánach le ceannlíne, barra taobh agus príomh-ábhar.

✅ Úsáid Page-Layout nuair a:

• Tá struchtúr clasaiceach le nascleanúint agus réimsí ábhair uait

• Tá réimse príomh-ábhar soiléir ar an leathanach, le réigiúin chomhlántacha ar gach taobh

• Ba mhaith leat spásáil agus ailíniú comhsheasmhach ar fud an leagain 🚫 Ná húsáid Page-Layout nuair a:

• Ag tógáil leathanach le colún amháin — bain úsáid as leagan níos simplí ina ionad

• Má bhíonn an barra taobh i gcomórtas leis an príomh-ábhar maidir le tábhacht

Inrochtaineacht

• Mapáil an réimse príomh-ábhair chuig tírchomhartha <main>
• Tabhair don bharra taobh role="navigation" nó role="complementary" de réir mar is cuí
• Déan cinnte go bhfuil lipéid aria difriúla ag na réigiúin tírchomhartha

Úsáid

@import "@pantoken/plugin-layouts/layouts.css";

Codanna

Cuid	Cur síos
.instui-body	Príomhchorp ina bhfuil an barra taobh agus an t-ábhar.
.instui-footer	Réigiún bun.
.instui-header	Réigiún ceannlíne uachtarach.
.instui-main	Réigiún ábhair lárnach.
.instui-sidebar	Colún nascleanúna clé nó colún cúnta.

Stáit

Stát	Cur síos
:optional	—

Tóicíní a úsáideadh

Token	Cineál	Luach
--instui-color-border	—	—
--instui-color-footer-background	—	—
--instui-color-footer-text	—	—
--instui-color-header-background	—	—
--instui-color-sidebar-background	—	—
--instui-font-size-small	<length>	—
--instui-space-medium	—	—

Gaolmhar

• wrapper