💥بریم واسه یادگیری رنگ‌ ها و استفادشون داخل TailwindCss

خب ببینین دوستان خود تیلویند یه لیست عظیمی از پالت رنگی های مختلف و قشنگ داره که کامل کارتون رو راه میندازه

⚡️هر رنگی ( منظور رنگ های دیفالته ) داخل تیلویند، از 50 و 100 تاااا 900 و 950 درجه بندی داره، مثلا اینطوریه که رنگ قرمز یه همچین درجه هایی داره:

red-50
red-100
red-200
...
red-800
red-900
red-950

✨و شما میتونین از این رنگ ها خیلی جاها استفاده کنین

فرض کنین قراره به متن یه رنگی بدیم، میایم از کد زیر استفاده میکنیم:

class="text-red-500"

یا اگه بخایم به بک گراند رنگ بدیم:

class="bg-green-200"

و کلی چیز دیگه که میتونین داخلش رنگ هارو به کار ببرین

✔️از این لیست میتونین رنگ های تیلویند رو کامل ببینین و حالشو ببرین که چجوری با چشم هاتون بازی میکنه:
🌐https://tailwindcss.com/docs/customizing-colors

اما خب برای اینکه مبحث رنگ ها زیاد طولانی نبود میخایم راجب یه سینتکس خیلی قشنگ و جمع و جور داخل تیلویند صحبت کنیم که خیلی انعطاف زیادی به ما میده🌟
ببینین دوستان شما میتونین مقدار هایی که حتی داخل خود تیلویند نیست و کانفیگ هم نشده رو داخل کلاس همینطوری بنویسین
مثلا فرض کنین اندازه 5 پیکسل داخل خود تیلویند نیست ولی من یه المنت دارم که 5 پیکسل عرض میخاد، میام داخل [] مقدارمو میدم، اینطوری:

class="w-[5px]"

البته واحد اندازه گیریش نسبت به پراپرتی هست مثلا من اینجا میتونم درصد و vw و... استفاده کنم به جای پیکسل

یا فرض کنین یه رنگی میخام که داخل تیلویند نیست:

class="bg-[#123456]

به همین راحتی!🤩

#tailwind #tailwind_5
☕️ @CodeExplore