SASS: extend or mixin?

Question

[Breeze1]

Помогите пожалуйста новичку прояснить несколько вещей с SASS. В каких вообще случаях нужно использовать миксины ? К примеру у меня есть часто повторяемый код:
.item
display: flex
justify-content: center
flex-wrap: wrap

Мне кажется, что вместо миксина будет целеобразней сделать расширение, например так:

%item
display: flex
justify-content: center
flex-wrap: wrap

.container
@extend %item

Мы не плодим один и тот же код много раз, мы группируем селекторы, и пишем для них одни и теже правила. Так в каких же случаях тогда стоит использовать миксины ? Спасибо

Comments

[alvvi]

На самом деле случаев много, думаю, вы сами скоро это поймете
mixin ведь может принимать аргументы, да еще и стили внутрь можно засунуть дополнительные...
в общем, у каждого свой юзкейс

Answer 1

[Сергей delphinpro]

Не нужно делить мир на черное и белое. В нем гораздо больше оттенков.

Comments

[Breeze1]

Спасибо, как раз то, что я хотел услышать :)))

[Сергей delphinpro]

Breeze1: в конкретном простом случае очевидно экстенд выгоднее. но нужно помнить что экстенд даже на втором уровне вложения плодит зачастую лишний неиспользуемый код. я о том и говорю - нет четких правил, нужно понимать что будет на выходе и принимать решение индивидуально.

[Breeze1]

Сергей: спасибо, так уже более понятней )

[Иван]

Breeze1: то что вы применяли,называется placeholder,или "тихий класс",он отличается от миксинов и от самой команды extend

Answer 2

[andead]

extend нельзя использовать в @media, поэтому пользуюсь только миксинами.