[Sass] Sass 3.2ã§å®Ÿè£…ã•ã‚ŒãŸæ–°æ©Ÿèƒ½ãŒãƒ¤ãƒã„8/10ã«3.2ã€8/15ã«ãƒã‚°ãƒ•ã‚£ãƒƒã‚¯ã‚¹ã—ãŸ3.2.1ãŒãƒªãƒªãƒ¼ã‚¹ã•ã‚Œã¦ ãŸã ã§ã•ãˆãƒ¤ãƒã‚¤ãらã„高機能ãªSassãŒã¾ã™ã¾ã™ãƒ‘ワーアップã—ãŸã€‚ Sass信者ã®ã¿ãªã•ã‚“ã¯ã™ã§ã«ãŠä½¿ã„ã§ã—ょã†ã‹ï¼Ÿ æ™’ã—ãŸã‚½ãƒ¼ã‚¹ã¯ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ã‚³ãƒ³ãƒ‘イラã§è©¦ã›ã¾ã™ã€‚ jsdo.itも対応ã—ã¦ã¾ã™ã€‚ @content ã“ã‚Œã¯mixinã«ãƒ–ãƒãƒƒã‚¯ã‚³ãƒ³ãƒ†ãƒ³ãƒ„を渡ã›ã‚‹ã‚ˆã†ã«ã™ã‚‹åˆè¨€è‘‰ã€‚ mixinを作る時ã€æ¸¡ã•ã‚ŒãŸãƒ–ãƒãƒƒã‚¯ã‚³ãƒ³ãƒ†ãƒ³ãƒ„を入れãŸã„å ´æ‰€ã«@contentã‚’é…ç½®ã™ã‚‹ã¨ @mixin iphone { @media only screen and (max-width: 480px) { @content; } } @includeã™ã‚‹ã¨ãã«æ³¢æ‹¬å¼§ã§æ‹¬ã£ã¦ã‚³ãƒ³ãƒ†ãƒ³ãƒ„を渡ã›ã‚‹ã‚ˆã†ã«ãªã‚‹ã€‚ @include iphone { body { color: red } } コンパイルã™ã‚Œã°ã“ã®ã¨ãŠã‚Šã€@mixinã®å†…容＋渡ã—ãŸ
![[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)
ãŠé‡‘ãŒãªã„ベンãƒãƒ£ãƒ¼ã§ã‚‚使ã£ãŸæ–¹ãŒè‰¯ã„サービス・外注先 | ランサーズ社長日記
{{#tags}}- {{label}}
{{/tags}}