ماسونری

چیدمان ماسونری

Stack از پلاگین ایزوتوپ برای دستیابی به جلوه شبکه ای نصب شده "Masonry" استفاده می کند. شبکه سنگ تراشی به یک پدر و مادر نیاز دارد عنصر.بناکاری با کودک عنصر .masonry__container. اقلام بنایی در داخل عنصر .masonry__container، هر کدام در داخل خود هستند عنصر .masonry__item.

<div class="masonry">
	<div class="masonry__container">
		<div class="masonry__item">
			محتوای انتخابی شما
		</div>
		<div class="masonry__item">
			محتوای انتخابی شما
		</div>
		<div class="masonry__item">
			محتوای انتخابی شما
		</div>
	</div>
</div>

فیلتر های ماسونری

اضافه کردن عنصر .masonry-filter-holder with child عنصر .masonry__filters برای افزودن فیلترها به صفحه.

فیلترها به طور خودکار بر اساس ویژگی های data-masonry-filter در هر یک از عناصر .masonry__item.

عنصر Masonry را به روش های زیر تنظیم کنید:

• ویژگی data-filter-all-text در عنصر .masonry__filters متن "نمایش همه" را تغییر می دهد
• .masonry-filters--horizontal اضافه شده به عنصر .masonry-filter-holder، فیلترها را به جای کشویی پیش فرض در یک لیست افقی نمایش می دهد.

<div class="masonry-filter-holder">
	<div class="masonry__filters" data-filter-all-text="همه دسته بندی ها"></div>
</div>
<div class="masonry">
	<div class="masonry__container">
		<div class="masonry__item">
			محتوای انتخابی شما
		</div>
		<div class="masonry__item">
			محتوای انتخابی شما
		</div>
		<div class="masonry__item">
			محتوای انتخابی شما
		</div>
	</div>
</div>