CSS: rubric-note

div[class~="instui-rubric-note"] — Strukturirana opomba z razredi rubrike in indikatorji ocenjevanja.

✅ Uporabite Rubric-Note, kadar:

• Prikazujete ocenjevalno rubriko ali merila za ocenjevanje

• Potrebno je strukturirati vsebino po kategorijah z ocenami ali indikatorji

• Postavitev naj poudari strukturo in hierarhijo 🚫 Ne uporabljajte Rubric-Note, ko:

• Prikazujete preproste zapiske ali komentarje — namesto tega uporabite Callout

• Potrebna je zapletena logika ocenjevanja — razmislite o prilagojeni komponenti

Dostopnost

• Uporabite tabelarne semantike, če prikazujete pravo rubriko z vrsticami in stolpci
• Poskrbite, da indikatorji ocen niso le barvni
• Zagotovite opisne oznake za vsako kategorijo

Uporaba

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

Primeri

Delii

Del	Opis
.instui-criteria	Kontejner za vrstice meril rubrike.
.instui-description	Podroben opis merila.
.instui-header	Glava s naslovom in metapodatki.
.instui-name	Ime merila ali kategorija.
.instui-row	Posamezna vrstica merila.
.instui-score	Indikator ocene ali značka.

Stanja

Stanje	Opis
:optional	—

Porabljeni žetoni

Token	Tip	Vrednost
--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	—	—

Sorodno

• card