Sass 3.3ã§è¿½åŠ ã•ã‚ŒãŸæ–°ã—ã„データタイプ「マップã€ã¾ã¨ã‚解説å‰å›žã®è¨˜äº‹ã§ã¯ã€Sass 3.3ã§è¿½åŠ ã•ã‚Œã‚‹ã€Œ&ã€ã®æ–°æ©Ÿèƒ½ã¨@at-rootã«ã¤ã„ã¦è§£èª¬ã—ã¾ã—ãŸã€‚今回ã¯æ–°ã—ã„データタイプã®ã€Œãƒžãƒƒãƒ—ã€ã«ã¤ã„ã¦è§£èª¬ã—ã¾ã™ã€‚ マップã¯è‰²ã€…ãªä½¿ã„é“ãŒã‚ã‚‹ã¨æ€ã„ã¾ã™ã—ã€ä½¿ã„æ–¹ã«ã‚ˆã£ã¦ã¯ã‹ãªã‚Šä¾¿åˆ©ãªã‚‚ã®ã§ã™ã®ã§ã€ãƒ©ã‚¤ãƒ–ラリを作ã£ã¦ã„ã‚‹æ–¹ãªã©ã¯ç‰¹ã«è¦šãˆã¦ãŠãã¨è‰¯ã„ã¨æ€ã„ã¾ã™ã€‚ マップã¨ã¯ マップã¯ä»»æ„ã®åå‰ã¨å€¤ã®ãƒšã‚¢ãŒé›†ã¾ã£ãŸã‚‚ã®ã§ã€åå‰ã‚’ã‚ーã«ã—ã¦å€¤ã‚’è¨å®šã—ãŸã‚Šã€å–り出ã—ã¦ä½¿ã„ã¾ã™ã€‚ マップã®æ›¸ãæ–¹ã§ã™ãŒã€åå‰ã¨å€¤ã‚’コãƒãƒ³ï¼ˆ:）ã§åŒºåˆ‡ã‚Šã€è¤‡æ•°è¨˜è¿°ã™ã‚‹å ´åˆã¯ã‚«ãƒ³ãƒžï¼ˆ,）ã§åŒºåˆ‡ã‚Šã€ãれらを丸括弧（()）ã§å›²ã¿ã¾ã™ã€‚CSSã®ã‚¹ã‚¿ã‚¤ãƒ«ã®æ›¸ãæ–¹ã¨ã¡ã‚‡ã£ã¨ä¼¼ã¦ã„ã¾ã™ã。 // マップ $map: ( key1: value1, // key1ã«value1ã‚’è¨å®š key2: value2, key3: value3, ); // CSSã®ã‚¹ã‚¿ã‚¤ãƒ« selector { pro
SCSSã¨ä»˜ãåˆã†ä¸Šã§ã‚„ã£ã¦(知ã£ã¦)よã‹ã£ãŸã“ã¨8é¸ - Qiita
Sassã¨Gulpを使ã£ãŸä¾¿åˆ©ãªãƒ¡ãƒ‡ã‚£ã‚¢ã‚¯ã‚¨ãƒªã®è¨˜è¿°æ–¹æ³•ã¨ã‚¢ã‚¦ãƒˆãƒ—ットã®æœ€é©åŒ–
[Sass] Sass 3.2ã§å®Ÿè£…ã•ã‚ŒãŸæ–°æ©Ÿèƒ½ãŒãƒ¤ãƒã„![[Sass] Sass 3.2ã§å®Ÿè£…ã•ã‚ŒãŸæ–°æ©Ÿèƒ½ãŒãƒ¤ãƒã„](https://cdn-ak-scissors.b.st-hatena.com/image/square/8d71ff5111e05619a10d29bb40d7aebaa75c8fbc/height=288;version=1;width=512/https%3A%2F%2Fs0.wp.com%2Fi%2Fblank.jpg)
Media Queriesã®åŠ¹çŽ‡çš„ãªæ›¸ãæ–¹ - Qiita
GitHub - konitter/gulp-combine-media-queries
Sassを極ã‚ã‚‹ï¼ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ãŒã™ã実践ã§ãる基本テクニック12連発 | æ ªå¼ä¼šç¤¾LIG(リグ)｜DX支æ´ãƒ»ã‚·ã‚¹ãƒ†ãƒ 開発・Web制作
Sass ã®åŸºæœ¬çš„ãªä½¿ã„æ–¹ã®ãƒ¡ãƒ¢ | Web Design Leaves
gulp-compassã§è‰²ã‚“ãªéšŽå±¤ã®sassã‚’watch - kinalog
ã“ã‚Œã‹ã‚‰Sassを始ã‚ãŸã„人ã¸ï¼å°Žå…¥æ‰‹é †ã‚’ã¾ã¨ã‚ã¦ã¿ãŸ(Dreamweaver対応) | æ ªå¼ä¼šç¤¾LIG(リグ)｜DX支æ´ãƒ»ã‚·ã‚¹ãƒ†ãƒ 開発・Web制作
「Compassã€ã€åŸºç¤Žã‹ã‚‰å¿œç”¨ã¾ã§ï¼ | æ ªå¼ä¼šç¤¾LIG
Webデザイナーã®ãŸã‚ã®Sass/Compass入門 先生：石本 å…‰å¸
パフォーマンスã‹ã‚‰è€ƒãˆã‚‹Sass/Compassã®å°Žå…¥ãƒ»é‹ç”¨
Sass/Compassã®ç¤¾å†…é‹ç”¨ã«é–¢ã™ã‚‹ã‚ã‚ŠãŒãŸã„スライドã‹ã‚‰å¦ã‚“ã ã“ã¨ã®ã¾ã¨ã‚
ã€Sassã§è§£æ±ºã€‘CSSã®@importã¯ã©ã‚Œã ã‘悪影響ãªã®ã‹è‡ªåˆ†ã§è©¦ã—ã¦ã¿ã‚‹ | DevelopersIO
ã€ã‚ºãƒœãƒ³ã‚’脱ã”ã†ã€‘Sassã®SASS記法ã®é…力ã€ã‚«ãƒƒã‚³ã‚¤ã‚¤ã€‘ - ç´è±†ã«ã¯åµã‚’入れる派ã§ã™ã€‚
{{#tags}}- {{label}}
{{/tags}}