假设我有一个jekyll项目,它在_data / slides.yml中定义了一些数据:
- number: 1
image: image1.jpg
class: one
paragraph: Apa
- number: 2
image: image2.jpg
class: two
paragraph: Bepa
...等等
然后我也有这样的包括:
{% for slide in site.data.slides %}
{{ slide.number }}
{{ slide.paragraph }}
{% endfor %}
我们的想法是幻灯片中的每张幻灯片都应该有一个部分,以便幻灯片中的图像是背景图像 .
现在,我知道我可以在这里使用类等添加一些内联样式,但我宁愿在我的sass文件中再次遍历数据并为每个创建一个类 . 有可能做那样的事吗?
例如在main.sass中:
---
---
{% for slide in site.data.slides %}
.{{ slide.class }}
background: url(/assets/images/{{ slide.image }}) no-repeat center center fixed
{% endfor %}
此外,如果可以,您还可以将{}作为mixin的参数传递吗?
提前致谢!
编辑:
接受的答案显示了一切 . 对我来说问题是我正在使用.sass文件(而不是scss)并且当我在for循环中缩进时没有看到我自己的错误,导致sass去火腿 .