CSS: two-column

div[class~="instui-two-column"] — Guovddáš-rievdnas dáiluheapmi mii leat vuođđu ja uođđa bargoguovddáš.

✅ Geahččat Guovddáš-rievdnas go:

• Don leat guovžu bargoguovddit mii leat nuppi gávdnohusa

• Go doalvvo dahkat dahje vuoigŋat guovddaide barggu sihke sihke

• Buori responsiiva dáiluheapmi mii čájeha dálvvadivttuid 🚫 Álbat geahččat Guovddáš-rievdnas go:

• Okta rievdna njukká sivdnjiide — geahččat asimmetriskka dáiluheapmi

• Bargguii ii leat vuosttaldat guovddaide sihke sihke čuovvut

Accessibility

• Gieđahallat ahte rievssat leat ožžon ja bargguheapmi nuvttá nuora vuovdiheapmái
• Geahččat semantihkalaš landmarkaid (dat leat <section>) mii buorret rievdna barggu bággos
• HALLAT vuoigŋat oassá ja kontrasta rievssaid beaivvit

Buktáhašvuohta

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

Exempla

Dála

Dála	Description
.instui-divider	Vuođđunvuohta válddánvuohta rievssaid beaivvi.
.instui-left	Vuođđu rievdna bargoguovdda.
.instui-right	Uođđa rievdna bargoguovdda.

Stáhtat

State	Description
:optional	—

Divottat / Kondišuvnnat

Type	Kysimus	Description
media	(max-width: 768px)	—

Tokenat gaskkalit

Token	Type	Vaššun
--instui-color-border	—	—
--instui-space-large	—	—
--instui-space-medium	—	—

Dálkkodat

• page-layout