使用压缩输出时,SASS / Compass在@each中缺少一个条目

时间:2013-02-16 22:39:38

标签: css sass compass-sass

使用compass compile后,SCSS代码段会生成相应的CSS。但是,如果我使用-output_style compressed,则CSS缺少.box-yellow定义。生成.box-red等但缺少黄色。

$colors: red #f00, yellow #ff0, green #0f0, blue #00f;

@each $entry in $colors {
    $name: nth($entry, 1);
    $color: nth($entry, 2);

    .box-#{$name} > header {
         background: $color;
    }
 }

这可能是一个错误,还是我错过了什么?

1 个答案:

答案 0 :(得分:1)

不确定这是不是一个错误,但对我来说这似乎很奇怪。如果我将样式设置为压缩,我可以在v 3.2.3中复制它。奇怪的是,将其缩短为yello可以正常工作。解决方法是引用它们:

$colors: "red" #f00, "yellow" #ff0, "green" #0f0, "blue" #00f;

这会产生:

.box-red>header{background:red}.box-yellow>header{background:#ff0}.box-green>header{background:lime}.box-blue>header{background:blue}

现在我再次查看输出,出现一个模式:其他颜色生成颜色名称而不是十六进制值。