فاصله‌گذاری و گوشه‌ها
وضعیت: در حال بازبینی
فاصله‌ها
Section titled “فاصله‌ها”همهٔ فاصله‌ها از این مقیاس می‌آیند و پایهٔ آن ۸ پیکسل است. مقدارها برای بوم ۱۹۲۰ پیکسلی اسلاید هم یکسان‌اند (در پاورپوینت، پوینت = پیکسل ÷ ۲).
| توکن | مقدار | نمایش | کاربرد |
|---|---|---|---|
--hq-space-1 | 8px | آیکن تا برچسب، گلوله تا متن. | |
--hq-space-2 | 16px | عنوان تا متن داخل کارت. | |
--hq-space-3 | 24px | بین آیتم‌های فهرست و پاراگراف‌ها. | |
--hq-space-4 | 32px | فاصلهٔ داخلی کارت. | |
--hq-space-6 | 48px | فاصلهٔ ستون‌ها و بین کارت‌ها. | |
--hq-space-8 | 64px | ناحیهٔ عنوان تا محتوا. | |
--hq-space-12 | 96px | حاشیهٔ چپ و راست اسلاید. |
گوشه‌ها
Section titled “گوشه‌ها”کارت‌ها و تصویرهای قاب‌دار radius-md دارند. هیچ جزیی سایه نمی‌گیرد.
| توکن | مقدار | نمایش | کاربرد |
|---|---|---|---|
--hq-radius-sm | 8px | کاشی‌های کوچک، کادر برجسته در جدول، تصویرهای کوچک. | |
--hq-radius-md | 16px | کارت‌ها و تصویرهای قاب‌دار. | |
--hq-radius-pill | 999px | برچسب‌ها (pill). |