CSS: page-layout ​

div[class~="instui-page-layout"] — Rārangi whārangi paetaha-toru paerewa me te taitara, te taha-whārangi, me te ihirangi matua.

✅ Whakamahia te Page-Layout i ngā wā e whai ake nei:

  • Me hiahia koe i tētahi hanganga whārangi tuku iho me ngā wāhi whakatere me ngā wāhi ihirangi

  • He wāhi ihirangi matua mārama kei te whārangi, ā, kei ngā taha ētahi wāhi tautoko

  • Kei te hiahia koe kia ū, kia taurite ngā mokowā me te rāranga puta noa i te whakarōpūtanga 🚫 Kaua e whakamahi i te Page-Layout mēnā:

  • Kei te hanga whārangi kotahi-kolamu — whakamahia he whakarōpūtanga māmā ake

  • Kei te whakataetae te taha-whārangi ki te ihirangi matua mō te hiranga

Wātea mō te katoa ​

  • Whāngaihia te wāhi ihirangi matua ki tētahi tūāpapa <main>
  • Homai ki te taha-whārangi he role="navigation", he role="complementary" rānei, kia hāngai
  • Me whakarite kia rerekē ngā aria-label o ngā rohe tūāpapa

Ngā Whakamahi ​

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

Wāhanga ​

WāhangaWhakamārama
.instui-bodyTe tinana matua e kapi ana i te taha-whārangi me te ihirangi.
.instui-footerRohe whakararo (footer).
.instui-headerRohe taitara o runga (header).
.instui-mainWāhi ihirangi pokapū.
.instui-sidebarKolamu mauī mō te whakatere, mō ētahi āwhina rānei.

Ngā āhuatanga ​

TūngaWhakamārama
:optional—

Ngā tohu i whakamahia ​

TokenMomoUara
--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——

Hono ​