CSS: two-column

div[class~="instui-two-column"] — Két oszlopos elrendezés bal és jobb tartalomterületekkel.

✅ Használd a Két-Oszlopost, ha:

• Két, hozzávetőleg azonos fontosságú tartalomterületed van

• Két tartalomkészletet szeretnél egymás mellett összehasonlítani vagy kontrasztálni

• Reszponzív elrendezést építesz, ami mobilon egymás alá rendeződik 🚫 Ne használd a Két-Oszlopost, ha:

• Az egyik oszlop uralja az oldalt — használj inkább aszimmetrikus elrendezést

• A tartalom nem profitál az egymás melletti megjelenítésből

Hozzáférhetőség

• Biztosítsd, hogy mindkét oszlop érzékelhető és használható legyen keskeny nézeteken
• Használj szemantikus határokat (pl. <section>) az oszloptartalom köré
• Tarts elegendő teret és kontrasztot az oszlopok között

Használat

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

Részek

Rész	Leírás
.instui-divider	Opcionális vizuális elválasztó az oszlopok között.
.instui-left	Bal oldali oszlop tartalomterülete.
.instui-right	Jobb oldali oszlop tartalomterülete.

Állapotok

Állapot	Leírás
:optional	—

Feltételek

Típus	Lekérdezés	Leírás
media	(max-width: 768px)	—

Fogyasztott tokenek

Token	Típus	Érték
--instui-color-border	—	—
--instui-space-large	—	—
--instui-space-medium	—	—

Kapcsolódó

• page-layout