CSS: rubric-note

div[class~="instui-rubric-note"] — Strukturerad anteckning med bedömningskategorier och poängindikatorer.

✅ Använd Rubric-Note när:

• Visar en bedömningsmatris eller bedömningskriterier

• Du behöver strukturera innehåll efter kategori med poäng eller indikatorer

• Layouten bör betona struktur och hierarki 🚫 Använd inte Rubric-Note när:

• Visar enkla anteckningar eller kommentarer — använd istället Callout

• Komplex bedömningslogik krävs — överväg en egen komponent

Tillgänglighet

• Använd tabelsemantik om du visar en riktig matris med rader och kolumner
• Säkerställ att poängindikatorer inte är enbart färg
• Ge beskrivande etiketter för varje kategori

Användning

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

Delar

Del	Beskrivning
.instui-criteria	Behållare för rader med bedömningskriterier.
.instui-description	Detaljerad beskrivning av kriteriet.
.instui-header	Rubrik med titel och metadata.
.instui-name	Kriteriets namn eller kategori.
.instui-row	Enskild rad för kriterium.
.instui-score	Poängindikator eller märke.

Tillstånd

Tillstånd	Beskrivning
:optional	—

Förbrukade tokens

Token	Typ	Värde
--instui-color-background	—	—
--instui-color-border	—	—
--instui-color-info-background	—	—
--instui-color-info-text	—	—
--instui-color-primary	—	—
--instui-color-surface	—	—
--instui-color-text-secondary	—	—
--instui-font-size-small	<length>	—
--instui-font-weight-semibold	—	—
--instui-radius-medium	—	—
--instui-space-medium	—	—
--instui-space-small	—	—

Relaterat

• card