11. $baseColor: #AD253A; 変数を代入 body { background-color: $baseColor; 変数を出力 } #globalHeader { #gNav { color: $baseColor; 変数を出力 } } #main #featureList { a { h3 { color: $baseColor; 変数を出力 } } }
ãƒã‚¹ãƒˆã‚’覚ãˆãŸäººã®ãŸã‚ã®Sassã®ä¾¿åˆ©ãªä½¿ã„æ–¹
11. $baseColor: #AD253A; 変数を代入 body { background-color: $baseColor; 変数を出力 } #globalHeader { #gNav { color: $baseColor; 変数を出力 } } #main #featureList { a { h3 { color: $baseColor; 変数を出力 } } }
Sass を今ã™ã実務ã§ä½¿ãŠã†ã‚ˆï¼ « NAVER Engineers' Blog
ã¯ã˜ã‚ã¾ã—ã¦ã® tacamy ã§ã™ã€‚ ã•ã¦ä»Šæ—¥ã¯ Less & Sass Advent calendar 2011 ã® 3 日目ã§ã™ã€‚ 「Sassã‹ã。ã¾ãƒ¼ãŸã—ã‹ã«ä¾¿åˆ©ãã†ã ã‘ã©ã€ 実務ã§ä½¿ãˆã‚‹ã‹åˆ†ã‹ã‚‰ãªã„ã—自分ã«ã¯é–¢ä¿‚ãªã„ã‹ãªã€‚〠ã¨ã‹æ€ã£ã¦ã¾ã›ã‚“ã‹ãƒ»ãƒ»ãƒ»ï¼ï¼Ÿ ãœã‚“ãœã‚“ãã‚“ãªã“ã¨ãªã„ã§ã™ã‚ˆï¼( ï½¥`ω･´) ãã®è¨¼æ‹ ã«ã€NAVER ã§ã¯åŠå¹´ã»ã©å‰ã‹ã‚‰ã€ æ–°è¦ã‚µãƒ¼ãƒ“スã¯ã™ã¹ã¦ Sass を使ã£ã¦åˆ¶ä½œã—ã¦ã„ã¾ã™ãŒã€å•é¡Œãªã使ãˆã¦ã„ã¾ã™ã€‚ ã‚€ã—ã‚効率化ã§ãã¦ã€CSS を書ã工数ãŒæ¸›ã£ãŸæ°—ã‚‚ã—ã¾ã™ï¼ˆå€‹äººã®æ„Ÿæƒ³ã§ã™ï¼‰ã€‚ å°é›£ã—ã„テクニックã¯ã€ã“ã®ã‚ã¨ã® 22 人ãŒæ›¸ã„ã¦ãれるã¨æ€ã†ã®ã§ï¼ˆä¸¸æŠ•ã’）〠今日ã®è¨˜äº‹ã§ã¯ã€Sass を実務ã§ä½¿ã†ã“ã¨ã«çµžã£ã¦æ›¸ã„ã¦ã¿ã¾ã™ã€‚ 実務ã§Sassを使ã†ãƒ¡ãƒªãƒƒãƒˆã£ã¦ï¼Ÿ 制作ã®å·¥æ•°ãŒæ¸›ã‚‹ CSS3 を使ã†ã¨ãã®ãƒ™ãƒ³ãƒ€ãƒ¼ãƒ—リフィックスをã„ã¡ã„ã¡è‡ªåŠ›ã§ã¤ã‘ãŸã‚Šã€
1
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
処ç†ã‚’実行ä¸ã§ã™
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}