.element { margin-left: calc( -50px * {{size}} / 2 ); margin-top: calc( -50px * {{size}} / 2 ); width:calc(50px * {{size}}); height:calc(50px * {{size}});} .element[data-type=sensor] .ico:before { background-image:url(/img/map/element_sheet.png); background-size:calc(400px * {{size}}) calc(500px * {{size}}); } .element .ico.dm_inc:before { background-position-y:calc(-50px * {{size}} * 0 ); } .element .ico.dm_fatty:before { background-position-y:calc(-50px * {{size}} * 1 ); } .element .ico.dm_paint:before { background-position-y:calc(-50px * {{size}} * 2 ); } .element .ico.ts_vert:before { background-position-y:calc(-50px * {{size}} * 3 ); } .element .ico.ps:before { background-position-y:calc(-50px * {{size}} * 4 ); } .element .ico.ts_hor:before { background-position-y:calc(-50px * {{size}} * 5 ); } .element .ico.ts_slop:before { background-position-y:calc(-50px * {{size}} * 6 ); } .element .ico.gdm_inc:before { background-position-y:calc(-50px * {{size}} * 7 ); } .element .ico.gdm:before { background-position-y:calc(-50px * {{size}} * 8 ); } .element .ico.rp:before { background-position-y:calc(-50px * {{size}} * 9 ); } .element .ico:before { background-position-x:calc(-50px * {{size}} * 0 ); } .element .ico.work:before { background-position-x:calc(-50px * {{size}} * 1 ); } .element .ico.damaged:before { background-position-x:calc(-50px * {{size}} * 2 ); } .element .ico.unmount:before { background-position-x:calc(-50px * {{size}} * 3 ); } .element .ico.unequip:before { background-position-x:calc(-50px * {{size}} * 4 ); } .element .ico.unavailable:before { background-position-x:calc(-50px * {{size}} * 5 ); } .element .ico.dismantle:before { background-position-x:calc(-50px * {{size}} * 6 ); } .element .ret { width:calc(8px * {{size}}); height:calc(13px * {{size}}); top: calc(2px * {{size}}); right: calc(4px * {{size}}); }