使用LESS动态生成mixin

时间:2014-06-09 22:29:50

标签: internet-explorer less mixins retina

如何动态更改mixin。我想把这样的文件称为:

.sprite-resize(facebook);

然后我试图像这样设置混音:

.sprite-resize(@file) {
  @ret: '@sprite-retina-@{file}';
  @norm: '@sprite-@{file}';
  .sprite-ret(@ret);
  .sprite-norm(@norm);
}

.sprite-ret(@ret) {
    @sprite-image: ~`"@{ret}".split(', ')[8].slice(1, -2)`;
    background-image: url(@sprite-image);
}

.sprite-norm(@norm) {
    .lt-ie9 & {
      @sprite-image: ~`"@{norm}".split(', ')[8].slice(1, -2)`;
      background-image: url(@sprite-image);
    }
}
// The @sprite- and @sprite-retina values are automatically generated for me by a grunt plugin: "grunt-spritesmith": "~1.23.0"
@sprite-facebook: 425px 142px -425px -142px 24px 24px 453px 410px '/@{images-dir}/spritesheet-icons159.png';

@sprite-retina-facebook: 25px 147px -25px -147px 24px 24px 209px 189px '/@{images-dir}/spritesheet-icons-retina159.png';

但是我在构建时遇到错误:“无法调用未定义的方法'slice'。”

我知道如何将“facebook”这样的名称称为“视频”并同时运行mixin的视网膜和非视网膜版本?

0 个答案:

没有答案