SCSS 동작은

Question

은의이 SCSS 코드를 보자 :

$margin: 10px; 
.use_value { 
    margin: 10px 0 0 10px; 
} 
.use_var { 
    margin: $margin 0 0 $margin; 
} 
.use_negative_var { 
    margin: -$margin 0 0 -$margin; 
} 

내가 .use_value, .use_var 및 .use_negative_var이 같은 글의 될 것으로 예상,하지만 여기 결과입니다 :

.use_value { 
    margin: 10px 0 0 10px; 
} 
.use_var { 
    margin: 10px 0 0 10px; 
} 
.use_negative_var { 
    margin: 10px 0 -10px; 
} 

왜 누락 0이는 .use_negative_var에?

Answer 1

당신은 변수 보간해야

: 보간없이

$margin: 10px; 

.use_value { 
    margin: 10px 0 0 10px; 
} 

.use_var { 
    margin: $margin 0 0 $margin; 
} 

.use_negative_var { 
    margin: -#{$margin} 0 0 -#{$margin}; 
}