CSS: testimonial

div[class~="instui-testimonial"] — Sávzážat dahje buktin ovddidit mii sáhttá bargat autoriid ja valgin imagiijain.

✅ Geahččalit Testimonial gos:

• Buktin dahje ođđaheapmi sávzážat gullat

• Dá leat dehálaš bargat sániin visuvnna dássehusin

• Autorii ja kontekstta (namma, ovttasbuktin, imagen) leat ovddas 🚫 Álletgeahččat Testimonial gos:

• Sávzážat dađaš bargojuvvon sániin — geavahae blokksávzážat-elementta

• Sánna lea dehálaš fokusa — geahča Hero dahje Card

Accessibility

• Geahččat <blockquote> semantihkalaš sávzážaksi
• Geahččat ahte autorii lea čállin ja sáhttá beassat sávzážain
• Jus geavahit imagena, álggahit alt-teksta

Buktáhašvuohta

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

Exempla

Dála

Dála	Description
.instui-author	Autorii namma.
.instui-avatar	Volitelaš autorii profilimage.
.instui-content	Container sávzážai ja autorii dávddastusat.
.instui-quote	Sávžážat sánna.
.instui-title	Volitelaš autorii čálli dahje árvuheapmi.

Stáhtat

State	Description
:optional	—

Tokenat gaskkalit

Token	Type	Vaššun
--instui-color-background	—	—
--instui-color-primary	—	—
--instui-color-surface	—	—
--instui-color-text-primary	—	—
--instui-color-text-secondary	—	—
--instui-font-size-small	<length>	—
--instui-font-weight-semibold	—	—
--instui-radius-medium	—	—
--instui-space-large	—	—
--instui-space-medium	—	—
--instui-space-small	—	—

Dálkkodat

• card