Sassを使ã„ãŸããªã‚‹ï¼ä¾¿åˆ©æ©Ÿèƒ½ã‚’ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ | MONSTER DIVEå‰å›žã¯åŠ¹çŽ‡çš„ãªåˆ¶ä½œç’°å¢ƒã‚’作るãŸã‚ã«ã€Gruntã«ã¤ã„ã¦ç´¹ä»‹ã—ã¾ã—ãŸã€‚今回ã¯CSSを効率よã書ãã“ã¨ãŒã§ãã‚‹Sassã«ã¤ã„ã¦ç´¹ä»‹ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ Sassを使ã„始ã‚ã¦1å¹´ã»ã©çµŒã¡ã¾ã™ãŒã€ãã®ä¾¿åˆ©ã•ã«ã€ä»Šã§ã¯ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã‚’ã™ã‚‹ä¸Šã§æ¬ ã‹ã›ãªããªã‚Šã¾ã—ãŸã€‚ CSSã®å ´åˆã¯ã€åŒã˜ã‚¹ã‚¿ã‚¤ãƒ«ã‚’何度も定義ã—ãŸã‚Šã€ãƒ—ãƒãƒ‘ティã®å¤‰æ›´ã®ä¿®æ£ãŒé¢å€’ã ã£ãŸã‚Šã—ã¾ã™ã€‚ Sassを使ã†ã¨ã€CSSã§ã¯é¢å€’ãªã“ã¨ã‚’解決ã§ãã‚‹ã ã‘ã§ãªãã€å¤‰æ•°ãŒåˆ©ç”¨ã§ããŸã‚Šã€ã‚¹ã‚¿ã‚¤ãƒ«ã®ä½¿ã„回ã—ãŒã§ããŸã‚Šã€for文や四則演算ã¾ã§ä½¿ãˆã¾ã™ï¼ã€€ãれらを使ã„ã“ãªã›ã°ã€CSSをより便利ã§åŠ¹çŽ‡çš„ã«æ›¸ãã“ã¨ãŒå‡ºæ¥ã‚‹ã€‚CSSè¨è¨ˆã‚‚ã—ã‚„ã™ããªã‚Šã¾ã™ã€‚CSSã®ãƒ‘ワーアップã•ã›ãŸè¨€èªžã€ãã‚ŒãŒSassï¼ã®ã‚ˆã†ãªæ„Ÿã˜ã§ã™ã€‚ Sass特長 セレクタãŒãƒã‚¹ãƒˆï¼ˆå…¥ã‚Œå）ã«ãªã£ã¦ã„ã‚‹ã®ã§è¦‹ã‚„ã™ã„。ã¾ãŸã€ã‚»ãƒ¬ã‚¯ã‚¿ã®å¤‰æ›´ã«æŸ”軟ã«å¯¾å¿œã§ãã‚‹ セレクタã®ä½¿ã„回ã—（extend）ãŒã§
{{#tags}}- {{label}}
{{/tags}}