sass에서 css로 적절한 들여 쓰기를 얻는 방법은 무엇입니까?

Question

나는 새로운 sass 사용자입니다. style.scss를 타이핑 할 때 style.css로 변환 할 때 스타일 시트 들여 쓰기가 너무 가난합니다. style.css에 적절한 들여 쓰기가 없습니다. 여기 c9.io을 사용하고

는

가 말대꾸 몇 output styles을 가지고 당신에게

Answer 1

감사 내 style.scss하고있는 style.css의 screenshot입니다. 당신이 "확장 된"스타일을 찾고있는 것처럼 들립니다.

는

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

가

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

컴팩트 확장 중첩

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

#main{color:#fff;background-color:#000}#main p{width:10em}.huge{font-size:10em;font-weight:bold;text-decoration:underline} 

나는 C9 편집기에 익숙하지 않아요하지만 설정 페이지가 있다면 (아마도 편집기의 오른쪽 하단에있는 톱니 바퀴 아이콘을보십시오) 압축, 당신은 거기를 전환 할 수 있습니다.