Css 类名称为变量和：lang（）的Sass mixin

我正在尝试创建mixin。像这样的

 @mixin localesRule($class, $cssProp, $value) {
        .#{$class:lang(pt)}, //...other locales { 
            $cssProp: $value;
        }
    }

但是有个错误。。。有人能帮我吗？有可能做到这一点吗

@mixin localesRule($class, $cssProp, $value) {
  #{$class}:lang(pt), #{$class}:lang(pl), #{$class}:lang(sk), #{$class}:lang(mx), #{$class}:lang(pt-BR) {
    #{$cssProp}: $value;
  }
}

.foo {
  &-button {
    @include localesRule('&', padding-right, 0);
  }
}

输出：

.foo-button:lang(pt), .foo-button:lang(pl), .foo-button:lang(sk), .foo-button:lang(mx), .foo-button:lang(pt-BR) {
  padding-right: 0;
}

---

不知道您确切期望的是什么，以下是SCSS中的一些基本示例。假设你有一个这样的类

.login {}

现在创建一个要在类中使用的mixin

@mixin main-button($parent-selector, $property, $selector, $size-value) {
    #{$parent-selector}__img {
        width: 100px;
        #{$property}: left;
    }

    #{$selector} {
        background: none;
    }

    &__button {
        font-size: $size-value;
    };
}

.login {
    @include main-button(&, float, "text", 14px);
}

在类中使用mixin

@mixin main-button($parent-selector, $property, $selector, $size-value) {
    #{$parent-selector}__img {
        width: 100px;
        #{$property}: left;
    }

    #{$selector} {
        background: none;
    }

    &__button {
        font-size: $size-value;
    };
}

.login {
    @include main-button(&, float, "text", 14px);
}

输出应该是这样的

.login {}

。登录{
.login\u img{
宽度：100px；
浮动：左；
}
.文本{
背景：无；
}
.登录按钮{
字体大小：14px；
}
}

mixin的预期输出是什么？`@mixin localesRule（$class，$cssProp，$value）{.{$class}:lang（pt），.{$class}:lang（pl），.{$class}:lang（sk），.{$class}:lang（mx），.{$class}:lang（pt-BR）{.{$class}:lang pt:$cssProp}:$value；}}然后：

-button-button-size:lang（pt），&:lang（pl），&:lang（br），&:lang（sk），&:lang（mx），&:lang（pt-br）{padding right:0；}*/@include localesRule（&，padding right，0）}

没有输出：|现在看看它-这就是你的意思？