compassã§cssスプライトã™ã‚‹ã¨ãã®å‡ºåŠ›ã‚’ã§ãã‚‹ã ã‘å°‘ãªãã™ã‚‹è©¦ã¿ - ã—ã‚‹ã¦ãæ¦‚è¦ Sprite layouts | Compass Documentation compassã§ã®cssスプライトを試ã—ã¦ã¿ãŸã®ã§ãƒ¡ãƒ¢ã€‚ sprite-backgroundã£ã¦ã„ã†mixinã¯çµæ§‹è‰²ã€…ãªäººãŒãƒ–ãƒã‚°ã«æ›¸ã„ã¦ã‚‹ã‚“ã ã‘ã©ã€retina対応ã—ã¦ã„ãªã‹ã£ãŸã‚Šã€ç„¡é§„ãªå‡¦ç†ãŒå…¥ã£ã¦ã„ãŸã‚Šã—ã¦ãªã‚“ã‹ã—ã£ãã‚Šã“ãªã‹ã£ãŸã®ã§è‡ªåˆ†ã§å®Ÿè£…ã—ã¦ã¿ãŸã€‚ 完æˆå“ 以下ã®ãƒ•ã‚¡ã‚¤ãƒ«ã¯ä½¿ã„回ã›ã‚‹ã®ã§ã€mixins/_sprite.scssã¿ãŸã„ã«ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã«ä¾å˜ã—ãªã„ファイルã¨ã—ã¦ç½®ã„ã¦ãŠã。 @mixin sprite-background-size($name, $sprites, $device-pixel-ratio: 2) { $_width: image-width(sprite-file($sprites, $name)) / $device-pixel-ratio; $_height:
Maykel Loomans — Designer, Digital Product Builder & Photographer
{{#tags}}- {{label}}
{{/tags}}