Question

前段时间，我在向%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很好，因为我可以给出对开发人员有很好理解的nomeclatura，例如：

@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？

创建混入而不是占位符是一种好习惯？

0 个答案: