یک مثال ساده چرا Sass مفید است(A Simple Example why Sass is Useful)

فرض کنید یک وب سایت با سه رنگ اصلی داریم:





#a2b9bc




#b2ad7f




#878f99





بنابراین، چند بار باید آن مقادیر HEX را تایپ کنید؟ خیلی وقتها. و
در مورد تنوع رنگ های یکسان چطور؟


به جای اینکه مقادیر بالا را بارها تایپ کنید، می توانید از Sass استفاده کنید و این را بنویسید:



Sass مثال



/* define variables for the primary colors */
$primary_1: #a2b9bc;

$primary_2: #b2ad7f;
$primary_3:
#878f99;

/*
use the variables */
.main-header
{
  background-color: $primary_1;
}

.menu-left
{
  background-color: $primary_2;
}

.menu-right
{
  background-color: $primary_3;
}



بنابراین، هنگام استفاده از Sass و تغییر رنگ اصلی، فقط باید تغییر دهید
آن را در یک مکان.