আজকে আমরা দেখবো কিভাবে SASS এর Mixin ব্যবহার করে খুব সহজেই HTML এর যেকোনো element কে ইনলাইন রেস্পনসিভ করতে পারি। ইনলাইন রেস্পন্সিভ বলতে আমি বুঝাচ্ছি আমরা কোনোপ্রকার responsive.css করবোনা, main.sass/style.sass এর মধ্যেই আমরা রেস্পন্সিভের সকল কোড লিখবো।
উদাহরণস্বরুপ আমরা মোবাইল ডিভাইসে একটা ক্লাসের কালার পরিবর্তন করে দেখতে পারি।

.my-class{
    @include mq(mobile){color: red}
}

আরেকটা মজার জিনিস যেটা দেখবো সেটা হলো ডায়নামিক মিডিয়া কুয়েরি। আমরা সচরাচর ৪ টা ডিভাইসের রেস্পন্সিভ করে থাকি, আজকে আমরা সেখান থেকে বের হয়ে ইনলাইনে ইচ্ছে মত মিডিয়া কুয়েরি নিয়ে কাজ করা দেখাবো।
উদাহরণস্বরুপ আমরা ৪০০পিক্সেলের ডিভাস থেকে ৬০০ পিক্সেলের ডিভাসকে একটা স্টাইল করে দেখতে পারি।

.my-class{
    @include cmq(400px, 600px){color: red}
}