Libsass: CSS ๊ทธ๋ฆฌ๋“œ ์†์„ฑ์ด ์ง€์›๋ฉ๋‹ˆ๊นŒ?

์— ๋งŒ๋“  2017๋…„ 05์›” 16์ผ  ยท  3์ฝ”๋ฉ˜ํŠธ  ยท  ์ถœ์ฒ˜: sass/libsass

๋ง ๊ทธ๋Œ€๋กœ ๋ฌธ์ œ๊ฐ€ ์•„๋‹ˆ๋ผ

Codekit์—์„œ CSS grid-layout ์†์„ฑ์„ ์‚ฌ์šฉํ•˜๋Š” ๊ฒƒ์ด ์ž‘๋™ํ•˜์ง€ ์•Š๋Š”๋‹ค๋Š” ๊ฒƒ์„ ์•Œ์•˜์Šต๋‹ˆ๋‹ค. ๋˜๋Š” ๋‚ด ๊ตฌ๋ฌธ์ด ์ž˜๋ชป ๋˜์—ˆ์Šต๋‹ˆ๊นŒ?


body
    padding: 10px
    display: grid
    grid-template-columns: repeat(3 1fr)
    grid-template-rows: repeat(3 1fr)
    grid-template-areas:
        header header header
        section section section
        footer footer footer


Discussion - Question

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

์ด๊ฒƒ์€ @nex3์— ๋Œ€ํ•œ ์งˆ๋ฌธ์ฒ˜๋Ÿผ ๋“ค๋ฆฝ๋‹ˆ๋‹ค. ์ด ๊ตฌ๋ฌธ์€ ์ตœ์‹  Ruby Sass 3.5.0 ๋นŒ๋“œ์—์„œ ๊ตฌ๋ฌธ ์˜ค๋ฅ˜๋ฅผ ์ผ์œผํ‚ต๋‹ˆ๋‹ค. ๋”ฐ๋ผ์„œ ์ง€์› ๊ธฐ๋Šฅ์ผ ์ˆ˜ ์žˆ์ง€๋งŒ ๊ตฌ๋ฌธ์ด ์˜ฌ๋ฐ”๋ฅด์ง€ ์•Š์„ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

๋“ค์—ฌ์“ฐ๊ธฐ๋œ ๊ตฌ๋ฌธ์€ ์—ฌ๋Ÿฌ ์ค„ ์†์„ฑ์„ ์ง€์›ํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค. ๋‹น์‹ ์€ ์ž‘์„ฑํ•ด์•ผํ•ฉ๋‹ˆ๋‹ค

body
    padding: 10px
    display: grid
    grid-template-columns: repeat(3 1fr)
    grid-template-rows: repeat(3 1fr)
    grid-template-areas: header header header section section section footer footer footer

๋ณ„๊ฑฐ ์•„๋‹ˆ์ง€๋งŒ ์ง€๊ธˆ ์ œ๊ฐ€ ๋“œ๋ฆด ์ˆ˜ ์žˆ๋Š” ์ตœ์„ ์ž…๋‹ˆ๋‹ค.

libsass์—์„œ ์ž‘์—…์ด ํ•„์š”ํ•˜์ง€ ์•Š์œผ๋ฏ€๋กœ ๋‹ซ์Šต๋‹ˆ๋‹ค.

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

๊ด€๋ จ ๋ฌธ์ œ

c0d3xpl0it picture c0d3xpl0it  ยท  4์ฝ”๋ฉ˜ํŠธ

mikeebee picture mikeebee  ยท  8์ฝ”๋ฉ˜ํŠธ

catamphetamine picture catamphetamine  ยท  7์ฝ”๋ฉ˜ํŠธ

bertusgroenewegen picture bertusgroenewegen  ยท  6์ฝ”๋ฉ˜ํŠธ

xzyfer picture xzyfer  ยท  7์ฝ”๋ฉ˜ํŠธ