Имеет ли право на жизнь такое использование mixin?

Question

[myskypesla]

Привет есть файл _mixin.scss с кодом:

@mixin flex {
  display: flex;
}

@mixin align-center {
  align-items: center;
}

@mixin column {
  flex-direction: column;
}

и т.д.

Так же есть файл main.scss в котором я делаю так:

.header {
  @include flex;
}

.content {
  @include flex;
  @include column;
  @include align-center;
}

.footer {
  @include flex;
}

Так вот нужно ли так делать? Или же как обычно в каждом классе прописывать свойства без инклюдов и т.д.

Comments

[sim3x]

в чем профит?

[myskypesla]

sim3x: Вдруг какое-то свойство нужно будет добавить или префикс, если autoprefixer не будет добавлять, то можно будет добавить только в миксине и всё

[sim3x]

myskypesla: те написать свой цсс внутри сасс из расчета, возможно-когда-нибудь-авось-понадобится?

Проще будет пройтись sed по всем исходникам

Answer 1

[Дмитрий Беляев]

еще вот так, возможно и имеет смысл:

@mixin flex($align: null, $direction: null) {
  display: flex;
  @if $align {
    align-items: $align;
  }
  @if $direction {
    flex-direction: $direction;
  }
}

.header {
  @include flex;
}

.content {
  @include flex(center, column);
}

.footer {
  @include flex;
}

Comments

[Сергей Горячев]

Нихерасебе, оказывается, как можно делать)))))))))

[Егор Живагин]

Я бы сказал даже, что это очень неплохо

[myskypesla]

Согласен, я так делаю в больших свойствах, но пора сделать рефакторинг всего кода и сделать шаблон нормально.

Answer 2

[Алексей Скляров]

Смысла в этом я не вижу, все одно подменяете тем же самым, только немного другой конструкцией.

Answer 3

[Pavel Sh.]

Конечно имеет. Однако смысл в Использовании Миксов в том, чтобы благодаря оптимизации некого правила, использовать "Short" подход к написанию стилей в основном даже не для удобства, а для увеличения скорости верстки. Таким образом ответ "Да" но в данном случае, в вашем примере, вы меняете шило на мыло :)

Comments

[myskypesla]

Это точно, лучше делать, как предыдущий человек написал, тогда от таких миксинов будет профит

Answer 4

[Alex Bond]

Один из стмыслов миксинов является возможность быстрой замены имплементации какого-то стиля во многих местах. Теперь внимание, вопрос - будут ли когда-то менятся такие миксины или нет?