2010-05-18 4 views

답변

10

은 정확히 예상되는 SCSS 참조에 따라 http://sass-lang.com/docs/yardoc/file.SASS_REFERENCE.html#division_and_slash입니다. 믹스 인으로 퍼팅 시도 :

@mixin fontandline{ 
    font: 14px/12px; 
} 

다음, 다시 사용해야 할 때마다, 그냥처럼 쓰기 :

@include fontandline; 

자세한 내용은 http://sass-lang.com/docs/yardoc/file.SASS_REFERENCE.html#mixins를 참조하십시오.

편집 : 최신 설명서에 따라

p { 
    $font-size: 12px; 
    $line-height: 30px; 
    font: #{$font-size}/#{$line-height}; 
}

p { 
    font: 12px/30px; 
}
+0

예, 그것이 정확히 무엇 예상했다. 그러나 문서에는 또한 "font : 10px/8px; // 일반 CSS, 분할 없음"이 나와 있습니다. 그래서 나는이 값을 변수에 저장하는 것이 가능하다고 생각하고 sass가 일반 CSS 선언이라는 것을 알았습니다. 이상한 점은 나누기없이 작동한다는 것입니다. "$ font-normal : 14px/21px Arial, sans-serif;" 하지만 어쨌든, 귀하의 답변 주셔서 감사합니다! –

+1

업데이트 된 문서를 참조하십시오. 이제 # 기호로 처리 할 수 ​​있습니다. http://sass-lang.com/docs/yardoc/file.SASS_REFERENCE.html#division-and-slash –

0

로 컴파일해야 다음 코드를 (위의 링크를 참조) 내가 사용 $somevar: unquote("14px/17px");