Compassã§CSSスプライトCompassã§CSSスプライト Sassã®æ‹¡å¼µæ©Ÿèƒ½ã§ã‚ã‚‹Compassを利用ã™ã‚‹ã¨CSS SpriteãŒç°¡å˜ã«åˆ©ç”¨ã§ãã‚‹ã®ã§ã‚„り方をメモ書ãレベルã§æ›¸ã„ã¦ãŠãã¾ã™(Sassã‚‚Compassも詳ã—ããªã„ã®ã§ãŠã‹ã—ã„ã¨ã“ã‚ã¯ãƒ„ッコミを入れã¦ãã ã•ã„)。 ã¾ãšã¯Compassã§ç›£è¦–ã—ã¦ã„る画象ディレクトリ内(config.rbã®images_dirã§è¨å®šã—ã¦ã„るディレクトリ)ã«ä»»æ„ã®ãƒ‡ã‚£ãƒ¬ã‚¯ãƒˆãƒªã‚’作æˆã—ã¦ã€ CSSスプライトã§åˆ©ç”¨ã™ã‚‹å…ƒç”»åƒã‚’入れã¦ãŠãã¾ã™ã€‚ 今回ã¯ç”»è±¡ãƒ‡ã‚£ãƒ¬ã‚¯ãƒˆãƒªã¯ã€Œimgã€CSSスプライト用ã®ãƒ‡ã‚£ãƒ¬ã‚¯ãƒˆãƒªã¯ã€Œspriteã€ã¨ã—ã€å…ƒç”»åƒã¯ä»¥ä¸‹ã®ç”»è±¡ã§ã™ã€‚ a.png b.png c.png 次ã«scss内ã§@importã§CSSスプライト用ã®ãƒ‡ã‚£ãƒ¬ã‚¯ãƒˆãƒªã¨ãƒ•ã‚¡ã‚¤ãƒ«ã‚’指定ã—ã¾ã™ã€‚ @import "sprite/*.png"; ã“れをコンパイルã™ã‚‹ã¨imgディレクトリã«ã€Œspr
Compassã§ãƒ‡ãƒ¼ã‚¿URI スã‚ーム
{{#tags}}- {{label}}
{{/tags}}