Некоторое время назад у меня возникли проблемы с добавлением %placeholders в @mixin, node-sass вернуло бы ошибку, говорящую о невозможности @extend в @mixin, как, например:
@mixin media-breakpoint-xs {
@media (min-width: 320px) {
@content;
}
}
@include media-breakpoint-xs {
@extend% placeholder-test;
}
При этом мне было приказано вместо использования % placeholders создать @mixin из тех же самых для вставки внутрь другого определенного @mixin, например:
@include media-breakpoint-xs {
@include placeholder-test (params);
}
Однакосоздание @mixin для цветов среди других - это хорошо, потому что я могу дать номеклатуру, которая имеет хорошее понимание для разработчика, например:
@mixin createColor (params) {
// code to generate the color, already with the certain property of css
}
Учитывая сценарий, если я попаду в случай, когда яхочу создать флексбокс, где все будет отцентрировано, используя следующие свойства:
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
Какую проблему я вижу здесь?
Этисвойства будут иметь свои фиксированные значения, и для этого потребуется вся идея @mixins (быть динамической в значениях, а не статичной)
Невозможно дать номенклатуручто включает в себя понимание, где это будетflexbox с выравниванием по центру, со столбцом направления, а также сверху, чтобы выровнять элементы и тексты по центру;
Учитывая все это, у меня есть следующие сомнения: - Вы действительно думаете, что это хорошая практика?- Нет ли способа вставить %placeholder внутрь @mixin?