在 Ruby on Rails 中将背景图像添加到 .scss 文件

Question

我试图将背景图像添加到画布（Zurb Foundation 5），但执行此操作时出现错误：

# Located in this file: foundation_and_overrides.scss
$off-canvas-bg: #fff url(../assets/img/canvas-bg.jpg) no-repeat;

显示错误：

$color: (white url(../assets/img/canvas-bg.jpg) no-repeat) is not a color for `scale-color'

任何帮助都会很棒！谢谢

Answer 1

试试这个sn-p的代码..

@mixin background($imgpath,$position:0 0,$repeat: no-repeat) {
    background: {
        image: url($imgpath);
        position: $position;
        repeat: $repeat;
    }
}
.testing {
    @include background('/my/img/path.png');
}

这将输出：

.testing {
  background-image: url("/my/img/path.png");
  background-position: 0 0;
  background-repeat: no-repeat;
}