SASS-এ ভেরিয়েবল

SASS ভাষা ভেরিয়েবল ব্যবহার করতে দেয়। ভেরিয়েবল হল একটি ধারক, যেখানে আপনি কিছু ডেটা সংরক্ষণ করতে পারেন এবং সেগুলি কোডের প্রয়োজনীয় স্থানে ব্যবহার করতে পারেন।

একটি ভেরিয়েবল তৈরি করতে, আপনাকে এর জন্য একটি নাম মনে করতে হবে এবং তার আগে $ চিহ্ন বসাতে হবে। তারপর ভেরিয়েবলের নামের পরে একটি কোলন বসান এবং সেই ভেরিয়েবলের মান নির্দিষ্ট করুন। আসুন উদাহরণস্বরূপ var নামে একটি ভেরিয়েবল তৈরি করি:

$var: 20px;

আসুন এখন এই ভেরিয়েবলটি ব্যবহার করি একটি প্রপার্টির মান হিসেবে:

p {
	font-size: $var;
}

ফলস্বরূপ, কম্পাইলেশনের পরে CSS-এ আমাদের ভেরিয়েবলের পরিবর্তে এর মান বসে যাবে:

p {
	font-size: 20px;
}

বলুন, নিচের কোডের কম্পাইলেশনের ফলাফল কী হবে?

$color: #000;

p {
	color: $color;
}