CSS: hero

div[class~="instui-hero"] — Rann ceannlínte lán-leithead le teideal, fo-theideal, agus íomhá chúlra roghnach.

✅ Úsáid Hero nuair atá:

• Tá ceannlíne leathan, suntasach don leathanach ag teastáil le haistriúchán amhairc

• Baintear sochar don leathanach as rann tosaigh mór, tarraingteach

• Más mian leat íomhánna cúlra nó béimeanna grádáin a áireamh 🚫 Ná húsáid Hero nuair:

• Ag tógáil ceannlínne simplí don leathanach — bain úsáid as Page-Layout ina ionad

• Má iomaíonn an hero leis an ábhar ríthábhachtach — tabhair tosaíocht do inléiteacht

Inrochtaineacht

• Déan cinnte go bhfuil an teideal i lipéad <h1> don struchtúr shéamanta
• Má tá íomhánna cúlra á n-úsáid, soláthair codarsnacht datha leordhóthanach don téacs
• Seachain imirt uathoibríoch ar fhíseán nó ar ghluaisne a d’fhéadfadh aird a chur ó ábhar

Úsáid

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

Samplaí

Sliotáin

Sliotán	Cur síos
subtitle	Ábhar fo-theidil an Hero
title	Ábhar teidil an Hero

Codanna

Cuid	Cur síos
.instui-actions	Cnaipí gnímh nó naisc roghnacha.
.instui-background	Sraith chúlra roghnach (íomhá nó grádán).
.instui-content	Coimeádán don téacs agus don na gníomhartha Hero.
.instui-overlay	Ciseal tharbhraithe leath-trédheartha roghnach chun codarsnacht téacs a fheabhsú.
.instui-subtitle	Téacs tacaíochta nó cur síos roghnach.
.instui-title	Príomhtheidil an Hero (de ghnáth <h1>).

Fo-eilimintí

Fo-eilimint	Cur síos
::before	—

Stáit

Stát	Cur síos
:optional	—

Tóicíní a úsáideadh

Token	Cineál	Luach
--instui-color-primary-background	—	—
--instui-font-size-hero	<length>	—
--instui-font-size-large	<length>	—
--instui-font-weight-bold	—	—
--instui-space-large	—	—
--instui-space-medium	—	—

Gaolmhar

• card