Susy: susy-repeat()๋กœ ์ƒ์„ฑ๋œ ๋น„๋Œ€์นญ ๊ทธ๋ฆฌ๋“œ์™€ ํ•จ๊ป˜ ์‚ฌ์šฉํ•  ๋•Œ gutter() ์˜ค๋ฅ˜

์— ๋งŒ๋“  2018๋…„ 04์›” 30์ผ  ยท  6์ฝ”๋ฉ˜ํŠธ  ยท  ์ถœ์ฒ˜: oddbird/susy

์ˆ˜์ง€ ๋ฒ„์ „: 3.0.3

๋ฌด์Šจ ์ผ์ด์•ผ

์ด ์ฝ”๋“œ:

$susy: (
  "columns": 150px susy-repeat(2),
);

.box {
  float: left;
  margin-right: gutter();
}

์˜ค๋ฅ˜๊ฐ€ ๋ฐœ์ƒํ•ฉ๋‹ˆ๋‹ค:

Error: [susy-parse] Unknown shorthand property: [list] `1 1`
        on line 43 of node_modules/susy/sass/susy/_utilities.scss
>>   <strong i="12">@error</strong> '[#{$source}] #{$message}';

susy-repeat() ์—†์ด ๊ทธ๋ฆฌ๋“œ๋ฅผ ๊ตฌ์„ฑํ•˜๋ฉด ์˜ค๋ฅ˜๊ฐ€ ๋ฐœ์ƒํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค.

$susy: (
  "columns": 150px 1 1,
);

์ƒ์‹:
https://codesandbox.io/s/48z8w6po49

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

์‹ ๊ณ ํ•ด ์ฃผ์…”์„œ ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค! gutter() ์ด(๊ฐ€) ์ค‘์ฒฉ๋œ ๋ชฉ๋ก์—์„œ ์งˆ์‹ํ•˜๋Š” ๋ถˆํ•„์š”ํ•œ ๊ตฌ๋ฌธ ๋ถ„์„ ๋‹จ๊ณ„๋ฅผ ํ†ตํ•ด columns ์„ค์ •์„ ์‹คํ–‰ํ•˜๋Š” ๊ฒƒ ๊ฐ™์Šต๋‹ˆ๋‹ค.

์ด๊ฒƒ์€ 3.0.4์—์„œ ์ˆ˜์ •๋˜์–ด์•ผ ํ•ฉ๋‹ˆ๋‹ค - ๋ฐฉ๊ธˆ ๋ฆด๋ฆฌ์Šค๋˜์—ˆ์Šต๋‹ˆ๋‹ค. ์—ฌ์ „ํžˆ ๋ฌธ์ œ๊ฐ€ ์žˆ์œผ๋ฉด ์•Œ๋ ค์ฃผ์‹ญ์‹œ์˜ค.

๋น ๋ฅธ ์‘๋‹ต์— ๊ฐ์‚ฌ๋“œ๋ฆฝ๋‹ˆ๋‹ค. susy-gutter() ๋Š” ์ง€๊ธˆ ์ž‘๋™ํ•˜์ง€๋งŒ gutter() ์—ฌ์ „ํžˆ ๋˜์ง‘๋‹ˆ๋‹ค ;)

์•„ ๋ฌผ๋ก ์ด์ฃ ! 3.0.5๋ฅผ ์‚ฌ์šฉํ•ด ๋ณด์„ธ์š” :)

๋งค๋ ฅ์ฒ˜๋Ÿผ ์ž‘๋™ํ•ฉ๋‹ˆ๋‹ค, ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค!

์—„์ฒญ๋‚œ!

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