SCSS 中的 Mixin（一个类在另一个类中的属性）

Question

在 LESS 中，我可以写如下内容：

.foo {
    color: red;
}

.boo {
    .foo();
    background: blue;
}

将.foo类的属性“包含”到.boo中。

在 SCSS 中获得类似行为的最简单和干净的方法是什么？

Answer 1

这样试试怎么样

mixins.scss

@mixin flex($x: center, $y: center) {
    display: flex;
    align-items: $x;
    justify-content: $y;
}

自定义.scss

.classname {
    @include flex(flex-start, space-between);
    color: red;
}

使用@include