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:
Compassã®ã‚¹ãƒ—ライト画åƒç”Ÿæˆã‚’速ãã™ã‚‹ - Qiita
Tech Compassã§ã‚†ãƒ¼ã™ã‘ã¹ã•ã‚“ã¨é–¢æ³ã•ã‚“ã®è©±ã‚’è´ã„ã¦ããŸï¼ #tecomp - 僕ã®Yak Shavingã¯çµ‚ã‚らãªã„
compass-style.org is almost here!
StartUp Sass + Compass [基本ã¨æ´»ç”¨]![StartUp Sass + Compass [基本ã¨æ´»ç”¨]](https://cdn-ak-scissors.b.st-hatena.com/image/square/7768d8b0c259cc3fe69178f4113b7eb1890d4d61/height=288;version=1;width=512/https%3A%2F%2Fcdn.slidesharecdn.com%2Fss_thumbnails%2Fsasscompasscmujp01-130223095651-phpapp02-thumbnail.jpg%3Fwidth%3D640%26height%3D640%26fit%3Dbounds)
ã€Webデザイナï¼ãƒ»ã‚³ãƒ¼ãƒ€ãƒ¼å‘ã‘】ã™ãã«ä½¿ãˆã‚‹SCSS入門｜è¨å®šãƒ•ã‚¡ã‚¤ãƒ«ã‚’知ã£ã¦ãŠã“ㆠ– 番外編 | DevelopersIO
ã™ãã«ä½¿ãˆã‚‹SCSS入門 | DevelopersIO
hanatoweb.jp - ã“ã®ã‚¦ã‚§ãƒ–サイトã¯è²©å£²ç”¨ã§ã™ï¼Â - hanatoweb リソースãŠã‚ˆã³æƒ…å ±
Sass + Compass ã®åŸºæœ¬å°Žå…¥ã¨è¨å®šãƒ•ã‚¡ã‚¤ãƒ« config.rb ã«ã¤ã„ã¦
{{#tags}}- {{label}}
{{/tags}}