CSS: rubric-note ​

div[class~="instui-rubric-note"] — یادداشت ساختار‌یافته با دسته‌بندی‌های روبریک و نشانگرهای امتیازدهی.

✅ از Rubric-Note استفاده کنید وقتی:

  • نمایش روبریک نمره‌دهی یا معیارهای ارزیابی

  • نیاز به ساختاربندی محتوا بر اساس دسته‌ها با امتیازها یا نشانگرها دارید

  • طرح‌بندی باید ساختار و سلسله‌مراتب را برجسته کند 🚫 از Rubric-Note استفاده نکنید وقتی:

  • نمایش یادداشت‌ها یا نظرات ساده — به‌جای آن از Callout استفاده کنید

  • منطق نمره‌دهی پیچیده لازم است — یک مؤلفهٔ سفارشی را در نظر بگیرید

دسترس‌پذیری ​

  • اگر روبریک واقعی با ردیف‌ها و ستون‌ها نمایش می‌دهید، از معنی‌شناسی جدول (table semantics) استفاده کنید
  • اطمینان حاصل کنید نشانگرهای امتیاز صرفاً مبتنی بر رنگ نباشند
  • برای هر دسته برچسب‌های توصیفی فراهم کنید

نحوه استفاده ​

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

مرتبط ​