숭고한 텍스트 2 Sass Closing Brace

Question

SublimeSaveOnBuild를 사용하고 있습니다.

.content { 
    padding-left: 10px; 
} 

사람이 알고 있나요 :

.content { 
    padding-left: 10px; } 

나는 전통적인 형식의 닫는 중괄호를 생성하는 데 싶습니다 내하는 SCS 파일을 CSS로 컴파일 할 때, 결과 코드는 다음과 같이 닫는 중괄호를 표시 이것을 자동으로 수행하여 각 셀렉터를 자체 줄의 닫는 중괄호로 컴파일하는 방법?

Answer 1

출력 모양을 제어하는 ​​style이라는 Sass 설정이 있습니다. 기본값은 nested이며 표시되는 내용은 expanded으로 바꾸면 원하는 모양을 더 쉽게 얻을 수 있습니다.

설정을 변경하는 올바른 방법을 찾으려면 the documentation을 참조하십시오. 여기

는 모양을 보여줍니다 문서에서 예제 :

// nested 
#main { 
    color: #fff; 
    background-color: #000; } 
    #main p { 
    width: 10em; } 

// expanded 
#main { 
    color: #fff; 
    background-color: #000; 
} 
#main p { 
    width: 10em; 
} 

Answer 2

이이 (꿀꿀-있는 contrib-말대꾸를 사용하여) 도움이 될 수 같은 옵션을 추가, 그런트를 사용하는 경우 :

sass: { 
     dist: { 
     options: { 
      style: 'expanded' 
     }, 
     files: { 
      'style.css' : 'sass/style.scss' 
     } 
     } 
    }