Sass 㨠Stylus ã®æ¯”較 - CSS Preprocessor Advent Calendar 2012 - kojika17CSS Preprocessor Advent Calendar 2012　19日目ã®è¨˜äº‹ã§ã™ã€‚ CSS Preprocessorã¯ã€CSSã«æ‹¡å¼µæ©Ÿèƒ½ã‚’æŒãŸã›ã‚‹ãƒ¡ã‚¿è¨€èªžã¨å‘¼ã°ã‚Œã‚‹ã‚‚ã®ã§ã™ã€‚ CSS Preprocessorã§ã‚ˆã耳ã«ã™ã‚‹ã‚‚ã®ã«ã€Sassã‚„LessãŒã‚ã‚Šã¾ã™ã€‚ ç§ã‚‚以å‰ã‹ã‚‰Sassを使用ã—ã¦ã„ã¾ã—ãŸãŒã€æœ€è¿‘Stylusを使ã„始ã‚ãŸã®ã§ã€Sassã¨Stylusã®æ¯”較を行ã£ã¦ã¿ã¾ã™ã€‚ æ‹¡å¼µåã¨ã‚·ãƒ³ã‚¿ãƒƒã‚¯ã‚¹ 使用ã§ãã‚‹æ‹¡å¼µåã¯.sassã¨.scssã®2ã¤ã€‚ æ‹¡å¼µåã«ã‚ˆã£ã¦Sass記法ã‹SCSS(Sassy CSS)記法ã«åˆ†ã‹ã‚Œã¾ã™ã€‚ Sass記法(.sass) #header color: #000 h1 font-size: 2em SCSS記法(.scss) #header { color: #000; h1 { font-size: 2em; } } SCSS記法ã®æ–¹ãŒã‚‚ã¨ã‚‚
{{#tags}}- {{label}}
{{/tags}}