تعریف متغیرها (Variable)، در LESS
یکی از امکانات LESS که به ما کمک می کند کدها را در حجم کمتری و با قابلیت ویرایش راحت تر بنویسیم، تعریف متغیرها (Variable) می باشد. به این صورت که مقادیر مورد نظرمان را در متغیرهایی (Variable) ذخیره نموده و سپس نام متغیرها را در بخش های مختلف کدهای LESS ذکر نماییم.
برخلاف CSS که در آن امکان تعریف متغیرها وجود نداشت و مجبور بودیم که یک مقدار یکسان را در چندین قسمت از کدهای CSS بنویسیم و هر زمان که نیاز به تغییر آن مقدار بود، مجبور بودیم که چندین بخش از کدهای CSS را تغییر بدهیم، در صورتیکه با بودن امکان تعریف متغیر در LESS ، تنها کافی است که مقدار تعریف شده برای متغیر را تنها در یک بخش از کدهای LESS تغییر بدهیم.
برای تعریف یک متغیر با نام kelidestan و ذخیره کردن مقدار #FF0000 در آن، کد LESS زیر را می نویسیم :
و سپس برای ذکر کردن بخشی از آن در کدها، مشابه کد LESS زیر عمل می کنیم :
که پس از پردازش کدهای LESS ، کدهای CSS زیر به دست می آید :
به مثال زیر توجه کنید :
کدهای LESS زیر را می نویسیم :
نتیجه :
پس از پردازش کدهای LESS ، کدهای CSS زیر به دست می آید :
کدهای LESS زیر را می نویسیم :
نتیجه :
پس از پردازش کدهای LESS ، کدهای CSS زیر به دست می آید :
