CSS: page-layout

div[class~="instui-page-layout"] — Staðlað þriggja dálka síðuskipulag með haus, hliðarspjaldi og aðalinnihaldi.

✅ Notaðu Page-Layout þegar:

• Þú þarft klassískt síðuskipan með leiðsögn og efnis-svæðum

• Síðan hefur skýrt aðalinnihaldssvæði með hliðarsvæðum

• Þú vilt samræmd bil og jöfnun yfir skipulagið 🚫 Ekki nota Page-Layout þegar:

• Að byggja ein-dálka síðu — notaðu einfaldara skipulag í staðinn

• Hliðarspjaldið keppir við aðalinnihald um mikilvægi

Aðgengi

• Kortleggðu aðalinnihaldssvæðið við <main> kennileiti
• Gefðu hliðarspjaldinu role="navigation" eða role="complementary" eftir því sem við á
• Tryggðu að kennileitis-svæði hafi aðgreind aria-merkingar

Notkun

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

Dæmi

Hlutar

Hluti	Lýsing
.instui-body	Aðalhluti sem inniheldur hliðarspjald og innihald.
.instui-footer	Neðri fótssvæði.
.instui-header	Efri haus-svæði.
.instui-main	Miðsvæði innihalds.
.instui-sidebar	Vinstri leiðsögn eða aukadálkur.

Stöður

Staða	Lýsing
:optional	—

Notuð tákn

Token	Tegund	Gildi
--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	—	—

Tengdar

• wrapper