سایر ابزار | قالب مدیریتی دش‌لایت

کامپوننت ها

کلاس های کاربردی دیگر

در اینجا چند کلاس کاربردی دیگر وجود دارد که برای سبک دهی سریع به یک عنصر استفاده می شود.

کلاس های کاربردی .gap اجازه می دهند شکاف خاصی بین بخش یا بلاک تنظیم شود.

مرجع کلاس	مقدار
`.gap`	`28px` به عنوان اندازه `gutter`
`.gap-sm`	`0.75rem` به عنوان `12px`
`.gap-md`	`1.25rem` به عنوان `20px`
`.gap-lg`	`2rem` به عنوان `32px`
`.gap-xl`	`2.5rem` به عنوان `40px`
`.gap-{num}px`	از `[10، 20، 30، 40، 50، 60، 70، 80، 90، 100]` به عنوان مقدار `{num}` استفاده می شود	ثابت در پیکسل
`.gap-{size}`	`[0، 1، 2، 3، 4، 5]` به عنوان مقدار `{size}`	`{size}` مربوط به مرجع اندازه است.

مثال استفاده

<div class="gap"></div>
<div class="gap gap-sm"></div>
<div class="gap gap-20px"></div>