fantazer
6/24/2016 - 1:26 PM

Анимационная сортировка елементов

Filter sort animate

// animate sort
if($('.blog-list').length > 0){
	var mixer = mixitup('.blog-list', {
			selectors: {
					target: '.blog-el'
			},
			animation: {
					duration: 500,
					effects: 'fade'
			}
	});
}
// animate sort === end
// bower i mixitup --save-dev
// https://www.kunkalabs.com/mixitup/ - документация
// !!! У элементов которые сортируются убрать транзишион

.tag-list.js-tick-cont.mb-48
	.tag-el.js-tick(data-filter="all") Все
	.tag-el.js-tick(data-filter=".cat-thin") Похудение
	.tag-el.js-tick(data-filter=".cat-health") ЗОЖ


.blog-list
		-
			var items = [
				'all cat-thin cat-strong',
				'all cat-fitnes cat-health',
				];
		each item in items
			- for (var i=1;i<4;i++)
				.blog-el(class = item )