رموز الشكل
سلّم أنصاف أقطار الزوايا، والرقم الواحد الذي يحدد كيف تنحني الزاوية.
أنصاف أقطار الزوايا تحت tanrei.sys.shape.corner. للإرشادات، اقرأ الشكل.
none 0pxextra-small 3pxsmall 6pxmedium 8pxlarge 12pxlarge-increased 14pxextra-large 16pxextra-large-increased 20pxextra-extra-large 24pxfull full| الرمز | القيمة | ملاحظات |
|---|---|---|
--tanrei-sys-shape-corner-none | 0px | |
--tanrei-sys-shape-corner-extra-small | 3px | |
--tanrei-sys-shape-corner-small | 6px | Default for controls: buttons, inputs, menu items, tooltips. |
--tanrei-sys-shape-corner-medium | 8px | |
--tanrei-sys-shape-corner-large | 12px | |
--tanrei-sys-shape-corner-large-increased | 14px | |
--tanrei-sys-shape-corner-extra-large | 16px | |
--tanrei-sys-shape-corner-extra-large-increased | 20px | |
--tanrei-sys-shape-corner-extra-extra-large | 24px | |
--tanrei-sys-shape-corner-full | 9999px | Opt-in only: avatars, badges, segmented controls, pill variants. |
مولَّد من design/tokens/tanrei.light.tokens.json, tokens/sys/shape.tokens.json
الرمز (token) tanrei.sys.shape.corner-smoothing مقدار من 0 إلى 1 بالمعنى الذي في Figma: 0 ربع دائرة، و 0.6 ما يسميه Figma زاوية iOS، و 1 أقصى انسياب. ولا يتغير نصف القطر معه. معنى المقدار هو الإنشاء الهندسي في Figma؛ ترسمه Compose و Flutter، ويرسم الويب أقرب قطع ناقص فائق (superellipse)، وترسم SwiftUI و React Native على iOS منحنى نظام التشغيل (والفروق مذكورة في صفحة الشكل). القيمة لكل نظام مضمَّن:
| نظام التصميم | corner-smoothing |
|---|---|
tanrei | 0 |
cupertino | 0.6 |
m3-expressive-like | 0 |
m3-like | 0 |
مولَّد من tokens/systems/*.system.json, design/tokens/<system>/tanrei.light.tokens.json