Sass/Compassã§ã‚³ãƒ³ãƒ‘イルã™ã‚‹ã¨ã‚«ãƒ©ãƒ¼ã‚³ãƒ¼ãƒ‰ãŒè‰²åã«ãªã£ã¦ã—ã¾ã†ä»¶Sass/Compassã§ã‚³ãƒ³ãƒ‘イルã™ã‚‹ã¨ã‚«ãƒ©ãƒ¼ã‚³ãƒ¼ãƒ‰ãŒè‰²åã«ãªã£ã¦ã—ã¾ã†ä»¶ 先日行ã‚ã‚ŒãŸã€ŒCSS Nite LP, Disk 32: Sassã€ã§ã€Œã‚³ãƒ³ãƒ‘イルã™ã‚‹ã¨ã‚«ãƒ©ãƒ¼ã‚³ãƒ¼ãƒ‰ãŒè‰²åã«ãªã£ã¦ã—ã¾ã„ã¾ã™ã€‚ã€ã¨ã„ã†è³ªå•ã‚’å—ã‘ãŸã®ã§å¯¾å¿œæ–¹æ³•ã‚’解説ã—ã¾ã™ã€‚ ã¾ãšã€ã©ã†ã„ã£ãŸç¾è±¡ã‹ã¨ã„ã†ã¨ä»¥ä¸‹ã®æ§˜ãªSassを記述ã™ã‚‹ã¨ã€ $color1 : #FFF; $color2 : #FFFFFF; .div1{ color:$color1; } .div1{ color:$color2; } コンパイル後ã«æ›¸ã出ã•ã‚Œã‚‹CSSã¯ä»¥ä¸‹ã®ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚ /* line 3, ../sass/style.scss */ .div1 { color: white; } /* line 6, ../sass/style.scss */ .div1 { color: white; } Sasså´ã§å¤‰æ•°ã‹ã‚‰å€¤ã‚’抜ã出ã™
{{#tags}}- {{label}}
{{/tags}}