Js-beautify: CSS์— ๋Œ€ํ•œ ์„น์…˜ ๋ฌด์‹œ ๋˜๋Š” ์œ ์ง€์— ๋Œ€ํ•œ ์ง€์‹œ๋ฌธ

์— ๋งŒ๋“  2015๋…„ 11์›” 19์ผ  ยท  3์ฝ”๋ฉ˜ํŠธ  ยท  ์ถœ์ฒ˜: beautify-web/js-beautify

์ด๊ฒƒ์€ ํ˜„์žฌ JavaScript์—์„œ ๊ฐ€๋Šฅํ•œ ๊ฒƒ์ฒ˜๋Ÿผ CSS์˜ ์„น์…˜์„ ๋ฌด์‹œํ•˜๊ฑฐ๋‚˜ ๋ณด์กดํ•˜๊ธฐ ์œ„ํ•œ ์ง€์‹œ๋ฌธ์„ ์ถ”๊ฐ€ํ•˜๊ธฐ ์œ„ํ•œ ๊ธฐ๋Šฅ ์š”์ฒญ์ž…๋‹ˆ๋‹ค.

์ด๊ฒƒ์€ Brackets Beautify ํ™•์žฅ์˜ ์š”์ฒญ์œผ๋กœ ๋‚˜ํƒ€๋‚ฌ์Šต๋‹ˆ๋‹ค.
https://github.com/brackets-beautify/brackets-beautify/issues/187

css enhancement

๊ฐ€์žฅ ์œ ์šฉํ•œ ๋Œ“๊ธ€

:+1:

SCSS(๋‚˜์นจ๋ฐ˜)์˜ ์˜ˆ:

$primaryFont: "My font name";
<strong i="7">@include</strong> font-face(
    $primaryFont,
    font-files(
        "my_font_name.ttf",
        "my_font_name.woff",
        "my_font_name.svg"
    ),
    "my_font_name.eot"
);

๋‹ค์Œ์œผ๋กœ ๋ณ€ํ™˜๋ฉ๋‹ˆ๋‹ค:

$primaryFont: "My font name";
<strong i="11">@include</strong> font-face( $primaryFont, font-files( "my_font_name.ttf", "my_font_name.woff", "my_font_name.svg" ), "my_font_name.eot" );

/* beautify ignore:start */ ์‚ฌ์šฉ์ด ๊ฐ€๋Šฅํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค.

๋ชจ๋“  3 ๋Œ“๊ธ€

๊ตฌ๋ฌธ ๋ถ„์„์„ ๊ฑด๋„ˆ๋›ฐ๋Š” ignore ์— ๋Œ€ํ•œ #384์˜ ์ฝ”๋“œ๋ฅผ ์ด์‹ํ•˜๋Š” ๊ฒƒ์€ ์–ด๋ ต์ง€ ์•Š์„ ๊ฒƒ์ž…๋‹ˆ๋‹ค. CSS beautifier๋Š” ๊ตฌ๋ฌธ ๋ถ„์„ํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค.

:+1:

SCSS(๋‚˜์นจ๋ฐ˜)์˜ ์˜ˆ:

$primaryFont: "My font name";
<strong i="7">@include</strong> font-face(
    $primaryFont,
    font-files(
        "my_font_name.ttf",
        "my_font_name.woff",
        "my_font_name.svg"
    ),
    "my_font_name.eot"
);

๋‹ค์Œ์œผ๋กœ ๋ณ€ํ™˜๋ฉ๋‹ˆ๋‹ค:

$primaryFont: "My font name";
<strong i="11">@include</strong> font-face( $primaryFont, font-files( "my_font_name.ttf", "my_font_name.woff", "my_font_name.svg" ), "my_font_name.eot" );

/* beautify ignore:start */ ์‚ฌ์šฉ์ด ๊ฐ€๋Šฅํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค.

@Hirse
ignore ๋Š” v1.9.0-beta1์—์„œ ์ง€์›๋ฉ๋‹ˆ๋‹ค.

์ด ํŽ˜์ด์ง€๊ฐ€ ๋„์›€์ด ๋˜์—ˆ๋‚˜์š”?
0 / 5 - 0 ๋“ฑ๊ธ‰