css-sprite-loader
Version:
A webpack loader to convert png into sprite image
53 lines (47 loc) • 1.11 kB
CSS
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;
}