์๋ง๋ ์ฌ๋ฐ๋ฅด๊ฒ ๊ตฌ์ฑํ์ง ์์๊ฑฐ๋ ๋๋ฝ๋์์ ์ ์์ง๋ง CSS์์ ์ค ๋ฐ๊ฟ์ ์ ์งํด์ผ ํ ํ์๊ฐ ์์ผ๋ฉฐ ์๋ํ์ง ์๋ ๊ฒ ๊ฐ์ต๋๋ค.
๋ด ๊ตฌ์ฑ์ ๋ค์๊ณผ ๊ฐ์ต๋๋ค.
"css": {
"allowed_file_extensions": ["css", "scss", "sass", "less"],
"end_with_newline": true,
"indent_char": " ",
"indent_size": 2,
"selector_separator": " ",
"selector_separator_newline": false,
"preserve_newlines": true
}
์๋์, css-beautifier์๋ ์์ง reserved_newlines ์ต์ ์ด ์์ต๋๋ค.
+1
+1
์์ผ๋ฉด ์ข์ ๊ฒ์
๋๋ค
SCSS ํ์ผ์ ๊ฒฝ์ฐ +1ยฒ.
๋ฌธ์ #563์๋ ๋น์ทํ ๋ฌธ์ ๊ฐ ์์ต๋๋ค. .scss ํ์ผ์ ์ ์ฅ/ํฌ๋งทํ๋ฉด ๋งจ ์์ ์๋ ๋ณ์์ ๊ฐ์ ธ์ค๊ธฐ ํธ์ถ์ด ๋ชจ๋ ํฉ์ณ์ ธ ์ ์ง ๊ด๋ฆฌ๊ฐ ์ด๋ ต์ต๋๋ค. ๋น ์ค์ ๊ฐ์งํ๊ณ ์ ์งํ๋ ๊ฒ์ด ์ข์ต๋๋ค :+1:
์ฐธ๊ณ ๋ก:
<strong i="8">@import</strong> "config";
$background: #ececec;
$color: #00aec8;
body {
font-size: $font-size;
}
... ๋ค์๊ณผ ๊ฐ์ด ์งํ๋ฉ๋๋ค.
<strong i="12">@import</strong> "config";
$background: #ececec;
$color: #00aec8;
body {
font-size: $font-size;
}
+1
+1 !!
HTML/CSS/JS Prettify ํ๋ฌ๊ทธ์ธ์ด ๋ถ๋ช ํ ์ด๊ฒ์ ์์กดํ๊ธฐ ๋๋ฌธ์? CSS์ SCSS๋ฅผ ์ ๋ฆฌํ๊ธฐ ์ํด ๊ทธ๊ฒ์ ์ฌ์ฉํ๋ ๊ฒ์ ์ผ์ข ์ ๋ถ์์ ํ๊ณ ๊ธฐ๋ณธ์ ์ผ๋ก ์ค๋ซ๋์ ์ธ๋ชจ๊ฐ ์์ต๋๋ค. ์์ผ๋ก ์ถฉ๋ถํ ํฐ ํ์ผ์ ์ ๋ฆฌํ๊ณ ๊ณต๊ฐ์ ๋จ๊ฒจ๋๋ ๊ฒ๋ง์ผ๋ก๋ ์ด ํ๋ก์ธ์ค์ ์ํด ํจ๊ป ์ผ๊นฌ ๋ฐฑ์ ์ ์ข์ ์ ๋๋ค. ๊ฐ์ฌํฉ๋๋ค!
:+1:
+1
+1
+1
+1
+1
+1
ํ์ฑ ๋ผ์ด๋ธ๋ฌ๋ฆฌ ๊ฐ์ ๋์์ด ์์ต๋๊น?
"ํ์ฑ ๋ผ์ด๋ธ๋ฌ๋ฆฌ"?
+1
@reza3vi ๋น์ ์ ๋ฌด์์ +1ํ๊ณ ์์ต๋๊น? ์ด๊ฒ์ ์์ ๋์์ต๋๋ค.
๊ฐ์ฅ ์ ์ฉํ ๋๊ธ
SCSS ํ์ผ์ ๊ฒฝ์ฐ +1ยฒ.
๋ฌธ์ #563์๋ ๋น์ทํ ๋ฌธ์ ๊ฐ ์์ต๋๋ค. .scss ํ์ผ์ ์ ์ฅ/ํฌ๋งทํ๋ฉด ๋งจ ์์ ์๋ ๋ณ์์ ๊ฐ์ ธ์ค๊ธฐ ํธ์ถ์ด ๋ชจ๋ ํฉ์ณ์ ธ ์ ์ง ๊ด๋ฆฌ๊ฐ ์ด๋ ต์ต๋๋ค. ๋น ์ค์ ๊ฐ์งํ๊ณ ์ ์งํ๋ ๊ฒ์ด ์ข์ต๋๋ค :+1:
์ฐธ๊ณ ๋ก:
... ๋ค์๊ณผ ๊ฐ์ด ์งํ๋ฉ๋๋ค.