CSS: rubric-note

div[class~="instui-rubric-note"] — Jäsennelty huomautus, jossa on arviointiruudukon luokat ja pistemerkinnät.

✅ Käytä Rubric-Notea kun:

• Näytetään arviointiruudukko tai arviointikriteerit

• Tarvitset sisällön jäsentämisen kategorioittain pisteillä tai indikaattoreilla

• Asettelun tulee korostaa rakennetta ja hierarkiaa 🚫 Älä käytä Rubric-Notea kun:

• Näytetään yksinkertaisia muistiinpanoja tai kommentteja — käytä sen sijaan Calloutia

• Tarvitaan monimutkaista arviointilogiikkaa — harkitse mukautettua komponenttia

Saavutettavuus

• Käytä taulukkosemantikkaa, jos näytetään varsinaista ruudukkoa riveineen ja sarakkeineen
• Varmista, että pistemerkinnät eivät perustu vain väriin
• Anna kuvaavat tunnisteet jokaiselle kategorialle

Käyttö

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

Esimerkit

Osat

Osa	Kuvaus
.instui-criteria	Kontti arviointikriteeririveille.
.instui-description	Yksityiskohtainen kuvaus kriteeristä.
.instui-header	Otsikko, jossa on nimi ja metatiedot.
.instui-name	Kriteerin nimi tai kategoria.
.instui-row	Yksittäinen kriteeririvi.
.instui-score	Pistemerkintä tai merkki.

Tilat

Tila	Kuvaus
:optional	—

Käytetyt tokenit

Token	Tyyppi	Arvo
--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	—	—

Liittyvät

• card