CSS: hero

div[class~="instui-hero"] — Wāhanga upoko-whānui me te taitara, te taitara-iti, me te whakaahua papamuri kōwhiringa.

✅ Whakamahia te Hero mēnā:

• Me whai koe i tētahi upoko whārangi tino kitea me te whakarōpūtanga ā-aro

• Ka whai painga te whārangi i tētahi wāhanga tuwhera nui, e kukume ana i te aro

• Kei te hiahia koe ki te whakauru whakaahua papamuri, kākahu rānei ā-karakaraka 🚫 Kaua e whakamahi i te Hero mēnā:

• E hanga ana i tētahi upoko whārangi māmā — whakamahia te Page-Layout anō

• Mēnā ka whakataetae te hero ki ngā ihirangi hira — whakamua te pānui mārama

Wātea mō te katoa

• Me noho te taitara i roto i te tapanga <h1> mō te hanganga semantika
• Mēnā e whakamahi ana i ngā whakaahua papamuri, whakarato āhua tae ōrite kia mārama te tuhinga
• Aukati i te purei-aunoa i ngā ataata, i ngā whakahirahira rānei e whakararuraru ai i te ihirangi

Ngā Whakamahi

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

Wāhi

Wāhi	Whakamārama
subtitle	Ihirangi taitara-iti o te Hero
title	Ihirangi taitara o te Hero

Wāhanga

Wāhanga	Whakamārama
.instui-actions	Pātene mahi ā-kōwhiringa, hono rānei.
.instui-background	Apa papamuri ā-kōwhiringa (whakaahua, kākahu rānei).
.instui-content	Ipu mō ngā kuputuhi me ngā mahi o te hero.
.instui-overlay	Papaki haurua-mārama ā-kōwhiringa hei whakapakari i te whakarite kuputuhi.
.instui-subtitle	Tuhinga tautoko ā-kōwhiringa, he whakamārama rānei.
.instui-title	Taitara matua o te hero (noa atu <h1>).

Ngā pseudo-kōwae

Pseudo-kōwae	Whakamārama
::before	—

Ngā āhuatanga

Tūnga	Whakamārama
:optional	—

Ngā tohu i whakamahia

Token	Momo	Uara
--instui-color-primary-background	—	—
--instui-font-size-hero	<length>	—
--instui-font-size-large	<length>	—
--instui-font-weight-bold	—	—
--instui-space-large	—	—
--instui-space-medium	—	—

Hono

• card