Skip to content

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

Guhkkinjohka

  • 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

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

Dála

DálaDeskripción
.instui-dividerVuođđunvuohta válddánvuohta rievssaid beaivvi.
.instui-leftVuođđu rievdna bargoguovdda.
.instui-rightUođđa rievdna bargoguovdda.

Stáhtat

StátusaDeskripción
:optional

Divottat / Kondišuvnnat

TypeKysimusDeskripción
media(max-width: 768px)

Tokenat gaskkalit

TokenTypeVaššun
--instui-color-border
--instui-space-large
--instui-space-medium

Dálkkodat