پوسته

پوسته

چگونگی طراحی اشیا، پس از تعیین رنگ و چگالی: گوشه‌ها، عمق، خطوط. این توکن‌ها محور `پوسته` تم هستند — پوسته پیش‌فرض چیزی است که این صفحه نشان می‌دهد و یک پوسته دیگر، فایل دیگری است که نام‌های مشابهی را تنظیم می‌کند، بدون هیچ تغییری در زیر.

گردی گوشه‌ها

هیچ، سپس چهار مرحله که هر کدام دو برابر مرحله قبلی هستند، سپس یک قرص. فاصله دو مرحله برابر است هرجا که روی مقیاس بایستید، که این باعث می‌شود خوانا باشد. مرحله اول عملاً وجود ندارد به عمد: این چیزی است که یک پوسته صاف می‌خواهد زمانی که یک زاویه راست واقعی ناتمام به نظر می‌رسد. هر چیزی گردتر از آخرین مرحله شکلی است که می‌خواهد دایره باشد و خود را چنین معرفی می‌کند — یک دایره تصمیم پوسته نیست.
--radius-0
--radius-1
--radius-2
--radius-3
--radius-4
--radius-pill

نقش‌های گردی گوشه

یک شکل هرگز مقیاس بالای خود را نمی‌خواند: آن نقش را می‌خواند که ایفا می‌کند و پوسته می‌گوید که آن نقش چه مرحله‌ای می‌گیرد — هرگز ارزش یک مرحله را نمی‌گوید، که باعث می‌شود مقیاس همزمان به دو معنا اشاره کند. چیزی که چیزی را نگه می‌دارد یک جعبه است، چه متن، محتوا یا پیام را نگه دارد؛ چیزی که دو منطقه صفحه را جدا می‌کند نه این است و نه آن، و چیزی را گرد نمی‌کند. پوسته را به `نرم` تغییر دهید و ببینید یک کنترل چگونه از بقیه جدا می‌شود: یک کپسول برای چیزی که یک خط ارتفاع دارد مناسب است و برای یک textarea مضحک است.
--radius-control
یک خط ارتفاع، و فشرده
--radius-box
چیزی را نگه می‌دارد
--radius-media
تصاویر و اشکال
--radius-pill
چیزی که به عنوان یک کپسول خوانده می‌شود

سایه‌ها

چهار عمق، از یک خط باریک تا یک پنل معلق. یک پوسته که دنیای صاف می‌خواهد، همه چهار را به هیچ تنظیم می‌کند و هر سطح بالارفته پیروی می‌کند.
--shadow-1
--shadow-2
--shadow-3
--shadow-4

مرزها

خط خود — عرض و سبک آن. رنگ آن اینجا نیست: آن به طرح رنگ مربوط می‌شود، که به پوسته اجازه می‌دهد خطی را بدون دانستن اینکه رنگ آن چه خواهد بود حذف کند.
--border-discreet
--border-default
--border-focus
--border-placeholder

تفکیک‌کننده‌ها و مناطق

دو خط که چیزها را از هم جدا می‌کنند: بین دو ردیف از یک چیز و بین دو منطقه از یک صفحه. بیست و چند شکل اولین را می‌خوانند، که به همین دلیل یک توکن است و نه یک قانون.
--border-separator — یک ردیف در میان دیگران
یک ردیف در میان دیگران
یک ردیف در میان دیگران
--border-region — یک منطقه از صفحه، به همین صورت محصور شده