CSS: rubric-note

div[class~="instui-rubric-note"] — Rubrik kategorileri ve puan göstergeleri içeren yapılandırılmış not.

✅ Rubric-Note kullanın:

• Notlandırma rubriğini veya değerlendirme kriterlerini gösterirken

• İçeriği kategoriye göre puanlar veya göstergeler ile yapılandırmanız gerektiğinde

• Düzenin yapı ve hiyerarşiyi vurgulaması gerektiğinde 🚫 Rubric-Note kullanmayın:

• Basit notlar veya yorumlar gösteriliyorsa — bunun yerine Callout kullanın

• Karmaşık notlandırma mantığı gerekiyorsa — özel bir bileşen düşünün

Erişilebilirlik

• Satırlar ve sütunlarla gerçek bir rubrik gösteriliyorsa tablo anlambilimini kullanın
• Puan göstergelerinin yalnızca renge dayalı olmadığından emin olun
• Her kategori için açıklayıcı etiketler sağlayın

Kullanım

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

Örnekler

Bölümler

Parça	Açıklama
.instui-criteria	Rubrik kriter satırları için kapsayıcı.
.instui-description	Kriterin ayrıntılı açıklaması.
.instui-header	Başlık ve meta verilerini içeren üstbilgi.
.instui-name	Kriter adı veya kategori.
.instui-row	Bireysel kriter satırı.
.instui-score	Puan göstergesi veya rozeti.

Durumlar

Durum	Açıklama
:optional	—

Tüketilen tokenler

Token	Tür	Değer
--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	—	—

İlgili

• card