SCSS 포맷터

중괄호, 세미콜론, 콜론, 문자열, 주석 등의 토큰으로 스타일시트를 읽고 이를 바탕으로 레이아웃을 다시 구성합니다. 여는 중괄호마다 들여쓴 블록이 시작되고, 각 선언은 별도의 줄에서 끝납니다.

예, 중첩 규칙과 &:hover 같은 부모 선택자는 부모보다 한 단계 더 들여쓰며, 단계마다 두 칸을 사용합니다. 선택자의 콜론은 붙어 있으므로 &:hover가 분리되지 않습니다.

$color: #333; 같은 변수 선언에서는 콜론 뒤에 공백을 넣고, @mixin와 @include의 인수 사이에는 쉼표 뒤에 공백을 넣습니다. @if, @each, @for 같은 제어 지시문은 괄호 앞에 공백을 둡니다.

예, #{$name} 같은 보간은 작성된 그대로 복사합니다. 여기에는 .icon-#{$name} 같은 선택자 내부의 보간과 속성 이름 내부의 보간도 포함됩니다.

아니요, CSS로 컴파일하거나 구문을 검사하지 않으므로 완성되지 않은 코드 조각도 서식을 지정합니다. 오류를 찾고 CSS를 생성하려면 Sass 컴파일러를 사용하세요.

예. //로 시작하는 한 줄 주석은 해당 줄에서 끝나며, 블록 주석은 원래 위치에 유지됩니다.

아니요, 중괄호와 세미콜론을 사용하는 SCSS에 맞춰 제작되었습니다. 들여쓰기 방식의 .sass 구문 파일은 들여쓰기를 기준으로 삼을 중괄호가 없으므로 먼저 SCSS로 변환하세요.

아니요, 출력은 항상 두 칸 들여쓰기를 사용하며 서식 지정 도구에는 옵션이 없습니다. 따라서 같은 스타일시트에는 항상 같은 결과가 나옵니다.

출력은 scss로 표시된 Markdown 코드 블록으로 반환되어 구문 강조가 적용됩니다. .scss 파일에 사용할 코드는 펜스 사이의 줄을 복사하세요.

실행당 최대 5 MB까지 지원하며, 더 큰 입력은 메시지와 함께 거부됩니다. 출력은 Code Formatter의 SCSS 옵션과 동일합니다.