CSS: two-column

div[class~="instui-two-column"] — Hoahoa rua-kolomū me ngā wāhanga ihirangi mauī me matau.

✅ Whakamahia Two-Column ina:

• He rua ngā wāhanga ihirangi e tata ana te hiranga

• Hei whakataurite, hei whakawehe rānei i ngā kohinga ihirangi e rua taha-ki-taha

• Te hanga hoahoa urupare e whakarārangi ana i runga i ngā pūrere pūkoro 🚫 Kaua e whakamahi i te Two-Column ina:

• Ka rangatira tētahi kolomū i te whārangi — whakamahia he hoahoa kore-ōrite anō

• Kāore e whai painga te ihirangi i te whakaaturanga taha-ki-taha

Wātea mō te katoa

• Kia kitea, kia whakamahia ngā kolomū e rua i runga i ngā mata tirohanga whīiti
• Whakamahia ngā tohu ā-ōhanga (hei tauira, <section>) ki te whakakapi i ngā ihirangi kolomū
• Tiakina he wāhi me te tauwhitiwhiti tae e tika ana i waenga i ngā kolomū

Ngā Whakamahi

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

Wāhanga

Wāhanga	Whakamārama
.instui-divider	Wāhanga wehenga ā-ataahua kōwhiringa i waenga i ngā kolomū.
.instui-left	Wāhanga ihirangi kolomū mauī.
.instui-right	Wāhanga ihirangi kolomū matau.

Ngā āhuatanga

Tūnga	Whakamārama
:optional	—

Ngā Conditions

Momo	Pātai	Whakamārama
media	(max-width: 768px)	—

Ngā tohu i whakamahia

Token	Momo	Uara
--instui-color-border	—	—
--instui-space-large	—	—
--instui-space-medium	—	—

Hono

• page-layout