Sass 通过使用包含mixin的变量来缩短代码

Sass 通过使用包含mixin的变量来缩短代码,sass,compass,Sass,Compass,我想知道是否有办法通过特定变量的值包含mixin(指南针或我自己的) 目前,我有以下mixin(有效) 我想把它转换成下面的代码(或者其他更短、更可读的代码) 我使用的是Sass 3.4.5(选择性Steve)Sass文档对插值有如下说明: 您还可以在选择器和属性名称中使用SassScript变量 使用#{}插值语法 没有关于在mixin或函数中使用它们的内容。但是没有什么可以阻止您将自己的供应商循环添加到mixin,而不是使用compass mixin。像这样: @mixin aligned-

我想知道是否有办法通过特定变量的值包含mixin(指南针或我自己的)

目前,我有以下mixin(有效)

我想把它转换成下面的代码(或者其他更短、更可读的代码)


我使用的是Sass 3.4.5(选择性Steve)

Sass文档对插值有如下说明:

您还可以在选择器和属性名称中使用SassScript变量 使用#{}插值语法

没有关于在mixin或函数中使用它们的内容。但是没有什么可以阻止您将自己的供应商循环添加到mixin,而不是使用compass mixin。像这样:

@mixin aligned-top-bottom-border($size, $side){
 @each $vendor in ('-webkit-', '-moz-', '-ms-', '-o-', ''){
  #{$vendor}border-top-#{$side}-radius: $size;
  #{$vendor}border-bottom-#{$side}-radius: $size;
 }
}

它变得有点干燥,但最终的产量要大得多。但这是可能的

为什么这个问题上的标签少了?哈利,我做了一个少了的标签,在发送问题几分钟后就把它去掉了。
@mixin aligned-top-bottom-border($size, $side){

 @include border-top-#{side}left-radius($size);
 @include border-bottom-#{side}-radius($size);

}
@mixin aligned-top-bottom-border($size, $side){
 @each $vendor in ('-webkit-', '-moz-', '-ms-', '-o-', ''){
  #{$vendor}border-top-#{$side}-radius: $size;
  #{$vendor}border-bottom-#{$side}-radius: $size;
 }
}