grunt-sprite
Version:
A grunt plugin to help front engineer creating css sprite.
26 lines (20 loc) • 1.82 kB
CSS
/*
icons
*/
.icon{display:inline-block;zoom:1;}
.icon_switch-off{background-image: url("../sprite/icon-20131126111129.png"); background-position: -0px -0px;width:71px;height:29px}
.icon_switch-on{background-image: url("../sprite/icon-20131126111129.png"); background-position: -0px -29px;width:71px;height:29px}
.icon_tip-error{background-image: url("../sprite/icon-20131126111129.png"); background-position: -71px -0px;width:24px;height:24px}
.icon_tip-ok{background-image: url("../sprite/icon-20131126111129.png"); background-position: -71px -24px;width:24px;height:24px}
.icon_tip-warn{background-image: url("../sprite/icon-20131126111129.png"); background-position: -0px -58px;width:24px;height:24px}
.icon_wait{background-image: url("../sprite/icon-20131126111129.png"); background-position: -24px -58px;width:14px;height:14px}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),only screen and (min--moz-device-pixel-ratio: 1.5),only screen and (min-resolution: 240dpi)
{
.icon_switch-off{background-image:url("../sprite/icon-20131126111129@2x.png");background-position: -0px -0px;background-size:95px;}
.icon_switch-on{background-image:url("../sprite/icon-20131126111129@2x.png");background-position: -0px -29px;background-size:95px;}
.icon_tip-error{background-image:url("../sprite/icon-20131126111129@2x.png");background-position: -71px -0px;background-size:95px;}
.icon_tip-ok{background-image:url("../sprite/icon-20131126111129@2x.png");background-position: -71px -24px;background-size:95px;}
.icon_tip-warn{background-image:url("../sprite/icon-20131126111129@2x.png");background-position: -0px -58px;background-size:95px;}
.icon_wait{background-image:url("../sprite/icon-20131126111129@2x.png");background-position: -24px -58px;background-size:95px;}
}
.TmTStamp{content:"20131126111129"}