SCSS 포맷터
일관된 들여쓰기와 읽기 쉬운 중첩 선택자로 SCSS를 정리합니다. 컴파일하지 않고 변수, 믹스인, 스타일시트 블록을 정돈합니다.
입력란에 포인터를 올리거나 선택하면 도움말이 표시됩니다. Escape로 닫을 수 있습니다.
사용 방법
내용을 붙여 넣거나 예제를 확인하세요. 옵션을 선택하고 실행한 뒤 결과를 복사하거나 다운로드하세요.
사용 예제
SCSS
$color:red;.card{color:$color;&:hover{color:blue;}}자주 묻는 질문
입력 내용이 서버로 전송되나요?
아니요. 내용은 이 브라우저에서 처리되며 서버로 전송되거나 저장되지 않습니다.
SCSS 포맷터 사용 시 알아둘 점은 무엇인가요?
SCSS 파서와 조절 가능한 들여쓰기를 사용합니다. 서식 정리는 SCSS를 CSS로 컴파일하거나 import, 믹스인, 변수를 해석하지 않습니다. 잘못된 문법은 오류로 표시합니다.