CSS: two-column ​

div[class~="instui-two-column"] — Leagan dhá-cholún le réigiúin ábhair clé agus deas.

✅ Úsáid Two-Column nuair:

  • Tá dhá réimse ábhair agat atá beagnach chomh tábhachtach

  • Ag comparáid nó ag contrárú dhá shraith ábhair taobh le taobh

  • Ag tógáil leagan freagrúil a shraitheann ar ghléasanna soghluaiste 🚫 Ná húsáid Two-Column nuair:

  • Tá colún amháin ag smachtú an leathanaigh — bain úsáid as leagan neamhchothrom ina ionad

  • Ní fhaigheann an t-ábhar buntáiste ó thaispeáint taobh le taobh

Inrochtaineacht ​

  • Déan cinnte go bhfuil an dá cholún inléite agus úsáideach ar radhairc tanaí
  • Úsáid marcálacha shiomantacha (m.sh., <section>) chun ábhar an cholúin a fhilleadh
  • Coinnigh spás agus codarsnacht leordhóthanach idir na colúin

Úsáid ​

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

Samplaí ​

Codanna ​

CuidCur síos
.instui-dividerScaradh amhairc roghnach idir na colúin.
.instui-leftRéigiún ábhar an cholúin clé.
.instui-rightRéigiún ábhar an cholúin deas.

Stáit ​

StátCur síos
:optional—

Coinníollacha ​

CineálCeistCur síos
media(max-width: 768px)—

Tóicíní a úsáideadh ​

TokenCineálLuach
--instui-color-border——
--instui-space-large——
--instui-space-medium——

Gaolmhar ​