압축 출력을 사용할 때 SASS/Compass에서 @each에 하나의 항목이 누락되었습니다.

Question

SCSS 코드 단편은 compass compile을 사용한 후 적절한 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; 
    } 
} 

버그가 있습니까? 아니면 여기에 누락 된 항목이 있습니까?

Answer 1

버그인지 확실하지 않지만 이상하게 보입니다. 스타일을 압축으로 설정하면 v 3.2.3을 사용하여 여기를 복제 할 수 있습니다. 이상하게도 단축형은 yello으로 잘 작동합니다.

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

을 그리고 지금은 다시 출력 보는 것을, 패턴이 나온다 : 생성하는

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

: 해결 방법은 그들을 인용하는 다른 색상을 16 진수 값이 아닌 색 이름을 생성 .