Sass 변수 접두사

Question

SASS에서 이와 비슷한 것을 만들 수 있습니까?

$prefix: * 

*-var1: 150px 
*-var2: 150px 
*-var3: 350px 

이 ...

SASS 스타일 시트 물론

Answer 1

말대꾸 3.3에서 가능성이 조직 스타일에 도움이 크게이 일을 위해 당신의 필요를 해결하고있는 새로운 기능이 몇 가지 있습니다

이제 맵을 사용하여 변수가 포함 된 객체를 만들 수 있습니다.

다음을 수행 할 수 있습니다 :

$colors: (
    header: #b06, 
    text: #334, 
    footer: #666777, 
) 

.header { 
    background-color: map-get($colors, header) 
} 

뿐만 아니라과 같이 CSS 선택기를 앞에 할 수있는 새로운 기능 :

// Sass: 
.button { 
    &-primary { background: orange; } 
    &-secondary { background: blue; } 
} 

// Output: 
.button-primary { background: orange; } 
.button-secondary { background: blue; } 

추가 읽기 : http://thesassway.com/news/sass-3-3-released

Answer 2

를 구성하는 데 매우 유용 할 수 있습니다 : 키가

myStyle_r1 { 
    border: 1px solid red; 
} 

:

$variableName: "myStyle"; 

#{$variableName}_r1{ border: 1px solid red; } 

는 CSS 생산 보간법 - # { $ 여기서 variableName} - 기본적으로 쓰여진로 밖으로 여기서 variableName 덤프 ...