与SASS中的自定义参数相乘的背景

时间:2013-06-27 10:25:26

标签: css sass mixins background-image

我正在尝试使用SASS设置多个背景@mixin,所以这是我的代码:

@mixin background_multiplied($background_1, $background_2: false, $background_3: false) {
  $params: url('../#{$background_1}') $atributes;

  @if $background_2 != false {
    $params: url('../#{$background_1}') $atributes, url('../#{$background_2}') $atributes;
  }
  @if $background_3 != false {
    $params: url('../#{$background_2}') $atributes, url('../#{$background_2}') $atributes, url('../#{$background_3}') $atributes;
  }

  @each $attr in $atributes {
    @if $attr == position_horizontal {
      $position_horizontal: center
    }
    @if $attr == position_vertical {
      $position_vertical: top
    }
    @if $attr == bg_repeat {
      $bg_repeat: no-repeat
    }
    @if $attr == bg_size {
      $bg_size: auto
    }
  }

  background: $params;
}

有些事情不对我有error (Line 210: Undefined variable: "$atributes".) 有谁能够帮我?很多。

1 个答案:

答案 0 :(得分:2)

错误不言而喻。你到处都有$atributes变量,但它从未被声明过。