2011-05-10 2 views
7

예를 들어 다음과 같은 sass. @mixin은 = 그냥 속기입니까? 나는sass에서 무엇을 의미합니까?

=multi-line-button($base-color) 
    +background-clip('padding-box') 
    border-width: 1px 
    +border-radius(6px) 
    border-style: solid 
    color: white 
    display: block 
    margin: 0.2em auto 
    padding: 12px 15px 
    text-align: center 
    text-decoration: none 

답변

7

예,이 말대꾸에 유지 mixin을 정의하는 방법입니다 구글에 대한 모든 정보를 찾을 수 없습니다

this article 모든

편집에 도움이 될 것 몰라 경우 :

@mixin red-text 
    color: #ff0000 

=red-text 
    color: #ff0000 

그냥을 추가 한 다음 는

동일선택자

+0

공식적인 문서에이 정보가없는 이유는 무엇입니까? 더 이상 사용되지 않습니까? – Fendo

+0

문서에없는 이유가 확실하지 않습니다. 그러나 두 기술을 모두 사용하는 것이 좋습니다. 문서에서는 @mixin을 사용하는 것이 "길"이지만 항상 "="기술을 사용했습니다. SASS는 항상 하위 호환성 기능이 될 수 있도록 항상 변경합니다 ..... – stephenmurdoch

+0

인간이 읽을 수있는'@mixin'과'@include '가 더 명확합니다. '='와'+'를 사용하면 이상한 makefile 문법을 통해 읽는 것을 상기시킨다 : D – jgillman

4

"@mixin foobar"는 최신 SCSS 구문 (CSS와 유사)이고 "= foobar"는 이전 SASS 구문 (더 HAML 유사)입니다. 저는 SASS를 처음 접했고 SCSS로 시작했지만, 둘 다 지원됩니다 (아마 같은 스타일 시트가 아님). 그리고 둘 다 계속 지원 될 것입니다.