CSS: rubric-note ​

div[class~="instui-rubric-note"] — פתק מובנה עם קטגוריות רובריקה ומדדי ניקוד.

✅ השתמש ב‑Rubric-Note כאשר:

  • הצגת רובריקה להערכה או קריטריוני דירוג

  • יש צורך במבנה תוכן לפי קטגוריות עם ציונים או מדדים

  • הפריסה צריכה להדגיש מבנה והיררכיה 🚫 אל תשתמש ב‑Rubric-Note כאשר:

  • הצגת פתקיות פשוטות או הערות — השתמש ב‑Callout במקום

  • נדרשת לוגיקה מורכבת של דירוג — שקול רכיב מותאם אישית

נגישות ​

  • השתמש בסמנטיקת טבלה אם מציגים רובריקה אמיתית עם שורות וטורים
  • וודא שמדדי ניקוד אינם מבוססים רק על צבע
  • ספק תוויות תיאוריות לכל קטגוריה

שימוש ​

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

דוגמאות ​

חלקים ​

חלקתיאור
.instui-criteriaמכולה לשורות הקריטריונים של הרובריקה.
.instui-descriptionתיאור מפורט של הקריטריון.
.instui-headerכותרת עליונה עם כותרת ומטא‑נתונים.
.instui-nameשם הקריטריון או הקטגוריה.
.instui-rowשורת קריטריון בודדת.
.instui-scoreמדד ניקוד או תג.

מצבים ​

מצבתיאור
:optional—

אסימוני צריכה ​

Tokenסוגערך
--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——

קשור ​