Skip to content

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

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

Delii

DelOpis
.instui-criteriaKontejner za vrstice meril rubrike.
.instui-descriptionPodroben opis merila.
.instui-headerGlava s naslovom in metapodatki.
.instui-nameIme merila ali kategorija.
.instui-rowPosamezna vrstica merila.
.instui-scoreIndikator ocene ali značka.

Stanja

StanjeOpis
:optional

Porabljeni žetoni

TokenTipVrednost
--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