CSS: page-layout

div[class~="instui-page-layout"] — Trefniant tudalen safonol tri-cholofn gyda phenawd, bar ochr, a phrif gynnwys.

✅ Defnyddiwch Page-Layout pan:

• Mae angen strwythur tudalen glasurol gyda llywio a meysydd cynnwys

• Mae gan y dudalen ardal cynnwys brif glir gyda rhanau ategol ar ei chyfer

• Rydych eisiau bylchau a aliniad cyson ar draws y cynllun 🚫 Peidiwch â defnyddio Page-Layout pan:

• Yn adeiladu tudalen un-golofn — defnyddiwch drefniant symlach yn lle hynny

• Mae'r bar ochr yn cystadlu â'r prif gynnwys am bwysigrwydd

Hygyrchedd

• Noddi'r ardal cynnwys brif fel nod <main>
• Rhoddwch i'r bar ochr role="navigation" neu role="complementary" yn ôl yr angen
• Sicrhewch fod gan rannau'r nodau labeli aria gwahanol

Defnydd

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

Enghreifftiau

Rhannau

Rhan	Disgrifiad
.instui-body	Corff canol sy'n cynnwys y bar ochr a'r cynnwys.
.instui-footer	Ardal troedlin waelod.
.instui-header	Ardal pennawd uchaf.
.instui-main	Ardal cynnwys ganolog.
.instui-sidebar	Colofn llywio chwith neu golofn ategol.

Statwsau

Statws	Disgrifiad
:optional	—

Tocynnau a ddefnyddiwyd

Token	Math	Gwerth
--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	—	—

Perthnasol

• wrapper