رنگ ها

رنگ های قالب

استک از 3 رنگ در هر طرح از قالب پیش تعیین شده پشتیبانی می کند. رنگ ها به عنوان "Primary"، "Primary-1" و "primary-2" نامیده می شوند. این رنگ ها را می توان با پیشوند bg-- استفاده کرد و به دنبال آن نام رنگ برای تغییر رنگ پس‌زمینه یک عنصر قرار می‌گیرد.

<div class="bg--primary"><span>اولیه</span></div>
<div class="bg--primary-1"><span>اولیه 1</span></div>
<div class="bg--primary-2"><span>اولیه 2</span></div>
<div class="bg--dark"><span>تاریک</span></div>
<div class="bg--secondary"><span>ثانوی</span></div>
					

کلاس های تایپوگرافی

با استفاده از پیشوند color--همراه با نام رنگ (همانطور که در بالا توضیح داده شد) می توانید به راحتی رنگ عناصر تایپوگرافی مانند سرفصل ها یا پاراگرف ها را تغییر دهید.

<span class="color--primary"></span>
					

کلاس های دکمه ای

با استفاده از پیشوند btn-- همراه با نام رنگ (همانطور که در بالا توضیح داده شد) می توانید به راحتی رنگ عناصر دکمه را تغییر دهید.

نکته: برای اطلاعات بیشتر در مورد دکمه ها به صفحه عناصر دکمه ها مراجعه کنید.

<a class="btn btn--primary type--uppercase" href="#">
	<span class="btn__text">
        دکمه رنگی اصلی
	</span>
</a>