Compass CSSスプライト+Retina対応+データURIスã‚ームã®Mixin | hijiriworld Web
Posted on: 2013/06/21 Compass CSSスプライト+Retina対応+データURIスã‚ームã®Mixin [2014/06/27 æ›´æ–°] ※ Sassã¨CompassãŒä½¿ãˆã‚‹ã“ã¨ãŒå‰æ Compassã§CSSスプライトã—ã¦Retina対応ã—ã¦ãƒ‡ãƒ¼ã‚¿URLスã‚ームも行ã†ãƒŸãƒƒã‚¯ã‚¹ã‚¤ãƒ³ã‚’作ã£ãŸã®ã§ã€ãã®ãƒ¡ãƒ¢ã€‚ 準備 ディレクトリ構æˆã¯ä»¥ä¸‹ã®é€šã‚Šï¼ˆCompass標準） images/spritesディレクトリã«å¿…è¦ãªç”»åƒã‚’æ ¼ç´ã—ã¦ãŠã。 コンフィグファイルã®ç·¨é›† relative_assetsã¯ã€ãƒ˜ãƒ«ãƒ‘ー関数ã§ç”Ÿæˆã™ã‚‹URLを相対パスã‹ã€ãã‚Œã¨ã‚‚絶対パスã§è¡¨ç¾ã™ã‚‹ã‹ã®è¨å®šã€‚ ã“れをtrueã«ã™ã‚‹ã“ã¨ã§ã€ã‚¹ãƒ—ライトを生æˆã—ãŸæ™‚ã«ç›¸å¯¾ãƒ‘スã«ãªã‚‹ã®ã§è¨å®šã—ã¦ãŠãã“ã¨ã€‚ > config.rb css_dir = "css" sass_dir = "sass" images_dir
1
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
処ç†ã‚’実行ä¸ã§ã™
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Daniel Perujo
{{#tags}}- {{label}}
{{/tags}}