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

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

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

@var: 20px;

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

p {
	font-size: @var;
}

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

p {
	font-size: 20px;
}

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

@color: #000;

p {
	color: @color;
}