UNPKG

css-sprite-loader

Version:

A webpack loader to convert png into sprite image

53 lines (47 loc) 1.11 kB
body { margin: 0; } .part { display: inline-block; width: 50%; } .source.simple { width: 128px; height: 128px; background: url(7b15ffd20decbd0befc9b8c7cc72d267.png); } .sprite.simple { width: 128px; height: 128px; background: url('sprite.png?d8defd30309a90e991feff6014911569') -168px 0 no-repeat; } .source.query { width: 128px; height: 128px; background: url(26f77e785543bc81f4415ef8dcbb0bfb.png); } .sprite.query { width: 128px; height: 128px; background: url('sprite.png?d8defd30309a90e991feff6014911569') 0 0 no-repeat; } .source.rename { width: 128px; height: 128px; background: url(7d2f7ccb7df17dc9722963a570789fcb.png); } .sprite.rename { width: 128px; height: 128px; background: url('sprite-nav.png?8c44ae541ba21ba1c42011335f3b0801') -168px 0 no-repeat; } .source.rename-2 { width: 128px; height: 128px; background: url(077a10ac7a4172a5b272da79caf2ccd1.png); } .sprite.rename-2 { width: 128px; height: 128px; background: url('sprite-nav.png?8c44ae541ba21ba1c42011335f3b0801') 0 0 no-repeat; }