Skip to content

CSS: page-layout

div[class~="instui-page-layout"] — standarda guovddáš čuovgga rádju ovttas, sivnna-bálkka ja ožžon sisdoalu.

✅ Geavahit Page-Layout go:

  • Don leat váldán klassála sidjuheaddjin navigasuvnna ja sisdoalluområdaid

  • Sida ledje birra ožđa ožžon sisdoallu mii lea vuoigŋa ja duopmodit regiid

  • Don háliid muhtun rievdadus ja čađaheapmi rádju lassin 🚫 Ándagat geavahit Page-Layout go:

  • Miiš geavahit yks-bálkka sidju — geavahát oktavuođa rádju

  • Sivnna-bálkka váldá ožđa ožžon sisdoallui váttisvuođa

Guhkkinjohka

  • Mappet ožžon sisdoallu <main> landmark-ina
  • Dávjá sivnna-bálkka role="navigation" dahje role="complementary" dasgo fitnodit
  • Oaidnit maid landmark-regiijat leat eret aria-labelid

Buktáhašvuohta

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

Dála

DálaDeskripción
.instui-bodyOžžon váldá sisdoallu mii bárrá sivnna-bálkkain ja sisdoalluinna.
.instui-footerBoahtte footer-regiija.
.instui-headerOvttas header-regiija.
.instui-mainOžžon sisdoallu-mátta.
.instui-sidebarGaskavuohta navigasjovdna dahje oahpásvuohta bálkka.

Stáhtat

StátusaDeskripción
:optional

Tokenat gaskkalit

TokenTypeVaššun
--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

Dálkkodat