Ruby 㧠Sass ã®ã‚«ã‚¹ã‚¿ãƒ 関数を書ãSass ã§é–¢æ•°ã‚’書ã方法㯠2 ã¤ã‚ã‚Šã¾ã™ã€‚ã²ã¨ã¤ã¯ Sass ã® @function ディレクティブ を使ã£ã¦ Sass ファイル内ã«å®šç¾©ã™ã‚‹æ–¹æ³•ã€‚ $grid-width: 40px; $gutter-width: 10px; @function grid-width ($n) { @return $n * $grid-width + ($n - 1) * $gutter-width; } ç°¡å˜ã‹ã¤ã‚«ã‚¸ãƒ¥ã‚¢ãƒ«ã«æ›¸ã‘ã‚‹åé¢ã€å½“然ãªãŒã‚‰ Sass ã®ãƒã‚¤ãƒ†ã‚£ãƒ–関数やディレクティブã®åˆ¶é™ã‚’å—ã‘ã‚‹ã®ã§ã€ã§ããªã„ã“ã¨ã‚‚多ã„ã§ã™ã€‚ã¨ãã« Sass ã¯æ–‡å—列系ã®é–¢æ•°ãŒã‚ã¾ã‚Šç”¨æ„ã•ã‚Œã¦ãŠã‚‰ãšã€ä¸æº€ã‚’æ„Ÿã˜ã‚‹ã“ã¨ã‚‚å°‘ãªãã‚ã‚Šã¾ã›ã‚“。 ã‚‚ã†ã²ã¨ã¤ã®æ–¹æ³•ã¯ã€Ruby ã§ã‚«ã‚¹ã‚¿ãƒ 関数を書ã„㦠Sass ã‚’æ‹¡å¼µã™ã‚‹ ã¨ã„ã†æ–¹æ³•ã§ã™ã€‚Ruby ã®çŸ¥è˜ãŒå¿…è¦ã§ã€ã‹ã¤ Sass ファイルã«ç›´æŽ¥å®šç¾©ã™ã‚‹ã®ã¨ã¯é•ã£ã¦åˆ¥ãƒ•
Sassã®ãƒªã‚¹ãƒˆ
compass-style.org is almost here!
CSS拡張メタ言語「SCSS(Sass)ã€ã¨ã€ŒLESSã€ã®æ¯”較 - (DxD)∞
Sass ã§ã‚‚ã†ä¸€åº¦ CSS を楽ã—ã!
Sass - ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«
Sassã€ãã—ã¦Sassy CSS (SCSS)
ã¯ã¦ãªãƒ–ãƒã‚° | 無料ブãƒã‚°ã‚’作æˆã—よã†
Sassã§CSSã®å¼±ç‚¹ã‚’å…‹æœã—よㆠ（1/2ï¼‰ï¼ ï¼ IT
{{#tags}}- {{label}}
{{/tags}}