جعبه ها

جعبه محتوا

هر محتوایی را در داخل تگ با کلاس .boxed و .boxed--border بزارید تا به محتوا پدینگ اضافی قرار بگیرد

<div class="boxed boxed--border">
	<h5>زیبایی شناسی مدرن</h5>
	<p>
		با مجموعه وسیعی از عناصر زیبا استک، یک سایت با عملکرد زیبا بسازید.
	</p>
	<a class="btn btn--primary" href="#">
		<span class="btn__text">
			همین حالا بسازید
		</span>
	</a>
</div>
					

جعبه محتوای (اصلاح شده)

جعبه ها را می توان به روش های مختلفی تغییر داد:

• .boxed--lg - افزایش پدینگ در جعبه
• .bg--primary,dark,secondary - از کلاس های پس زمینه استک برای تنظیم رنگ پس زمینه جعبه استفاده کنید
• .box-shadow - اضافه کردن سایه به جعبه

<div class="boxed boxed--border  bg--secondary boxed--lg box-shadow">
	<h5>زیبایی شناسی مدرن</h5>
	<p>
		با مجموعه وسیعی از عناصر زیبا استک، یک سایت با عملکرد زیبا بسازید.
	</p>
	<a class="btn btn--primary" href="#">
		<span class="btn__text">
			همین حالا بسازید
		</span>
	</a>
</div>