Создание миксинов вместо заполнителей - это хорошая практика? - PullRequest
1 голос
/ 28 июня 2019

Некоторое время назад у меня возникли проблемы с добавлением %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?

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...