SCSS/SASS 使用嵌套类作为 mixins

编程问答 2022-05-10

问题描述

我一直在使用 BEM 命名方法处理 SCSS/SASS 作业。

有没有办法使用嵌套类作为 mixin 的参数。 （JS 函数中 this 的相同行为

例如

@mixin myMixin( $class ) {
    &#{$class}{
        &:hover {
            opacity: .5;
        }
    }
}

.myClass {
    &__button {
        &--success {
            @include myMixin( this );
        }
    }
}

哪个 this 将变成 "myClass__button--success"。

并且css将变成：

.myClass__button--success:hover {
    opacity: .5;
}

注意： 我不想使用完整的类名作为参数传递，因为这并不理想。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

bemsasssassscss-mixins