Sass 3.3ã§è¿½åŠ ã•ã‚ŒãŸæ–°ã—ã„データタイプ「マップã€ã¾ã¨ã‚解説å‰å›žã®è¨˜äº‹ã§ã¯ã€Sass 3.3ã§è¿½åŠ ã•ã‚Œã‚‹ã€Œ&ã€ã®æ–°æ©Ÿèƒ½ã¨@at-rootã«ã¤ã„ã¦è§£èª¬ã—ã¾ã—ãŸã€‚今回ã¯æ–°ã—ã„データタイプã®ã€Œãƒžãƒƒãƒ—ã€ã«ã¤ã„ã¦è§£èª¬ã—ã¾ã™ã€‚ マップã¯è‰²ã€…ãªä½¿ã„é“ãŒã‚ã‚‹ã¨æ€ã„ã¾ã™ã—ã€ä½¿ã„æ–¹ã«ã‚ˆã£ã¦ã¯ã‹ãªã‚Šä¾¿åˆ©ãªã‚‚ã®ã§ã™ã®ã§ã€ãƒ©ã‚¤ãƒ–ラリを作ã£ã¦ã„ã‚‹æ–¹ãªã©ã¯ç‰¹ã«è¦šãˆã¦ãŠãã¨è‰¯ã„ã¨æ€ã„ã¾ã™ã€‚ マップã¨ã¯ マップã¯ä»»æ„ã®åå‰ã¨å€¤ã®ãƒšã‚¢ãŒé›†ã¾ã£ãŸã‚‚ã®ã§ã€åå‰ã‚’ã‚ーã«ã—ã¦å€¤ã‚’è¨å®šã—ãŸã‚Šã€å–り出ã—ã¦ä½¿ã„ã¾ã™ã€‚ マップã®æ›¸ãæ–¹ã§ã™ãŒã€åå‰ã¨å€¤ã‚’コãƒãƒ³ï¼ˆ:）ã§åŒºåˆ‡ã‚Šã€è¤‡æ•°è¨˜è¿°ã™ã‚‹å ´åˆã¯ã‚«ãƒ³ãƒžï¼ˆ,）ã§åŒºåˆ‡ã‚Šã€ãれらを丸括弧（()）ã§å›²ã¿ã¾ã™ã€‚CSSã®ã‚¹ã‚¿ã‚¤ãƒ«ã®æ›¸ãæ–¹ã¨ã¡ã‚‡ã£ã¨ä¼¼ã¦ã„ã¾ã™ã。 // マップ $map: ( key1: value1, // key1ã«value1ã‚’è¨å®š key2: value2, key3: value3, ); // CSSã®ã‚¹ã‚¿ã‚¤ãƒ« selector { pro
Css拡張言語ã®ã‚³ãƒˆãƒã‚¸ãƒ¡
ã€Sassを覚ãˆã‚ˆã†ï¼Vol.1】ã¯ã˜ã‚ã«
Sass: Syntactically Awesome Style Sheets
{{#tags}}- {{label}}
{{/tags}}