HTML에서 클래스로 변수 사용하기

Question

SASS 파일에 여러 변수가 있으며 HTML로 클래스 나 스타일로 직접 사용하고 싶습니다. 매핑 기능을 사용할 수 있지만 꽤 지루하다는 것을 알고 있습니다. 다른 방법으로 구현할 수 있습니까? 간단한 방법? 예를 들어

:

말대꾸 파일 :

$margin-base-vertical:30px 0; 

HTML 파일 : 좋은 생각이 아니다

<div class="some-container margin-base-vertical"> 
some things 
</div> 

Answer 1

. 스타일을 설명하는 클래스를 사용하면 정말 끝내지 않는 코드로 끝날 것입니다. 스타일을 변경할 때마다 마크 업 (HTML)과 CSS를 변경해야합니다.

의미있는 마크 업을 사용하는 것이 가장 좋습니다.

이

.some-container { 
    margin: $margin-base-vertical; 
} 

편집이 :

나는 당신의 문제에 대해 생각할 수있는 유일한 대안은하는 선언하는 것입니다

이 말대꾸 정말 강력한 밝혀 곳,이 방법처럼 변수를 사용할 수있다 변수를 생성 한 다음 클래스에서 사용하면 마크 업에 필요한 클래스를 갖게됩니다. `.margin 기반 수직 {마진 : $ margin-

SASS 당신이 좋아,이를 위해 새로운 클래스를 만들 것 보통

<div class="some-container margin-base-vertical"> 
some things 
</div>