본문으로 건너뛰기

jsonecho

SCSS Formatter

중첩된 규칙, 믹스인, 맵, @use 문을 포함한 SCSS를 포맷합니다.

도구를 불러오는 중...

SCSS Formatter 사용 방법

코드를 붙여 넣으세요. 포매터 엔진은 처음에 잠시 후 로드됩니다.
필요하면 옵션을 조정하세요.
포맷된 결과를 복사하세요.

SCSS Formatter 소개

SCSS는 중첩, 변수, 믹스인, 함수가 있는 CSS입니다. 포매터는 중첩된 규칙을 들여쓰고, 맵과 매개변수 목록의 간격을 맞추며, @use, @mixin, @include, @if 블록을 처리합니다.

소스 텍스트를 포맷합니다. CSS를 얻으려면 여전히 Sass가 필요합니다.

자주 묻는 질문

들여쓰기 Sass 구문에서도 작동하나요?

아니요. 중괄호와 세미콜론을 쓰는 SCSS 구문용입니다.

SCSS 맵도 포맷되나요?

네, 맵이 길면 키마다 한 줄씩 놓습니다.

SCSS를 CSS로 변환하나요?

아니요, Sass 컴파일러가 필요합니다.

처음 실행할 때 1초 정도 걸린 이유는 무엇인가요?

이 언어의 포맷 엔진은 처음 사용할 때 다운로드되고 이후 브라우저에 캐시됩니다. 그 후에는 포맷이 즉시 이루어지며 아무것도 컴퓨터 밖으로 나가지 않습니다.

코드 포매터의 다른 도구

모든 도구 →

JavaScript Pretty PrintJavaScript를 읽을 수 있도록 보기 좋게 출력합니다.포맷 CSS Pretty Print각 규칙과 속성을 읽기 쉽도록 CSS를 보기 좋게 출력합니다.포맷 CSS Minify주석과 공백을 제거하여 가장 작은 CSS를 얻습니다.압축 C# FormatterC# 코드를 들여쓰고 중괄호와 문장을 각자의 줄에 놓습니다.포맷 Java FormatterJava 코드를 읽기 쉬운 레이아웃으로 되돌립니다. 한 줄에 문장 하나, 중괄호는 들여쓰기됩니다.포맷 GraphQL Formatter중첩된 선택을 읽기 쉽도록 GraphQL 쿼리와 스키마를 포맷합니다.포맷 Angular Formatter구조 지시문과 바인딩이 있는 Angular 컴포넌트 템플릿을 포맷합니다.포맷 Vue FormatterVue 단일 파일 컴포넌트의 template, script, style을 함께 포맷합니다.포맷