SASS Mixin：如何将变量作为参数传递，然后再将其作为mixin中的变量使用

Question

我有以下SASS代码

.twitter-icon {
    position: relative;

    &:before {
        @include icon($twitter);
        position: absolute;
    }
}

.facebook-icon {
    position: relative;

    &:before {
        @include icon($facebook);
        position: absolute;
    }
}

.linkedin-icon {

...

我想用SASS Mixin优化它，根据传递的参数生成不同的css类和图标字体。

我开始编写如下，但我不知道如何用通用@include icon($twitter);替换本机Bootstrap 2.3.2 @include icon($social-icon);以使用不同的导入图标的CSS类。

实际解决方案仅适用于CSS选择器.#{$social-name}-icon

@mixin socialIcons($social-name, $social-icon) {
    .#{$social-name}-icon {
        position: relative;

        &:before {
            @include icon($social-icon);
            position: absolute;
        }
    }
}

@include socialIcons(twitter, twitter-sign);

问题是，我需要$social-icon可以包含变量（请查看我的原始代码），例如$twitter，$facebook，... 而不是一个简单的字符串。