ডেভসংকেত

টেলওয়াইন্ড সিএসএস

টেলওয়াইন্ড সিএসএস একটি অত্যন্ত কাস্টমাইজযোগ্য, নিম্ন-স্তরের সিএসএস ফ্রেমওয়ার্ক যা আপনাকে ওভাররাইড করার জন্য ডিজাইন তৈরি করতে সমস্ত বিল্ডিং ব্লক দেয়।

কন্ট্রিবিউটর

  • asifadib
  • sabbirshawon

শেয়ার করুন

ইন্সটলেশন

  • প্যাকেজ জেসন

    npm init -y
  • ইন্সটল টেলওয়াইন্ড using npm

    npm install tailwindcss
  • ইন্সটল টেলওয়াইন্ড using yarn

    yarn add tailwindcss

এসভিজি / SVG

  • ফিল

    .fill-current
  • স্ট্রোক

    .stroke-current

লেআউট

  • ব্রেকপয়েন্টস: sm

    @media (min-width: 640px) { ... }
  • ব্রেকপয়েন্টস: md

    @media (min-width: 768px) { ... }
  • ব্রেকপয়েন্টস: lg

    @media (min-width: 1024px) { ... }
  • ব্রেকপয়েন্টস: xl

    @media (min-width: 1280px) { ... }
  • কন্টেইনার ক্লাস

    container
  • বক্স সাইজিং বর্ডার

    box-border
  • বক্স সাইজিং বর্ডার: sm

    sm:box-border
  • বক্স সাইজিং বর্ডার: md

    md:box-border
  • বক্স সাইজিং বর্ডার: lg

    lg:box-border
  • বক্স সাইজিং বর্ডার: xl

    xl:box-border
  • বক্স সাইজিং কনটেন্ট

    box-content
  • বক্স সাইজিং কনটেন্ট: sm

    sm:box-content
  • বক্স সাইজিং কনটেন্ট: md

    md:box-content
  • বক্স সাইজিং কনটেন্ট: lg

    lg:box-content
  • বক্স সাইজিং কনটেন্ট: xl

    xl:box-content

ফ্লেক্সবক্স

  • ফ্লেক্স

    flex
  • ইনলাইন ফ্লেক্স

    inline-flex
  • ফ্লেক্স: sm

    sm:flex
  • ফ্লেক্স: md

    md:flex
  • ফ্লেক্স: lg

    lg:flex
  • ফ্লেক্স: xl

    xl:flex
  • ইনলাইন ফ্লেক্স: sm

    sm:inline-flex
  • ইনলাইন ফ্লেক্স: md

    md:inline-flex
  • ইনলাইন ফ্লেক্স: lg

    lg:inline-flex
  • ইনলাইন ফ্লেক্স: xl

    xl:inline-flex