Geomap: Converting 'Locate' images to sprite

Gruntfile.coffee

@@ -521,9 +521,16 @@ module.exports = (grunt) ->
 				src: [
 					"src/plugins/share/sprites/*.png"
 				]
-				css: "src/plugins/share/sprites/_sprites.scss"
+				css: "src/plugins/share/sprites/_sprites_share.scss"
 				map: "src/plugins/share/assets/sprites_share.png"
 				output: "scss"
+			geomap:
+				src: [
+					"src/plugins/geomap/sprites/*.png"
+				]
+				css: "src/plugins/geomap/sprites/_sprites_geomap.scss"
+				map: "src/plugins/geomap/assets/sprites_geomap.png"
+				output: "scss"
 
 		# Compiles the Sass files
 		sass:

src/base/ie8-wet-boew.scss

@@ -9,6 +9,7 @@
 /*
  Plugins
  */
+@import "../plugins/geomap/ie8";
 @import "../plugins/lightbox/ie8";
 @import "../plugins/overlay/ie8";
 @import "../plugins/tables/ie8";

src/plugins/geomap/_base.scss

@@ -2,6 +2,8 @@
  * Web Experience Toolkit (WET) / Boîte à outils de l'expérience Web (BOEW)
  * wet-boew.github.io/wet-boew/License-eng.html / wet-boew.github.io/wet-boew/Licence-fra.html
 */
+@import "sprites/sprites_geomap";
+
 %geomap-overflow-cursor-move {
 	cursor: move;
 }
@@ -13,6 +15,10 @@
 	position: absolute;
 }
 
+%geomap-locate-bg-size {
+	background-size: 33px auto;
+}
+
 /**
  * Openlayer pan zoom bar button
  */
@@ -58,15 +64,14 @@
 }
 
 .olButtonGeolocateItemActive {
-	background: url("../assets/locate-active.png") no-repeat;
-	background-position: 0 0;
-	background-size: 33px 33px;
+	@extend %_sprites_geomap_scss;
+	@extend %geomap-locate-bg-size;
 }
 
 .olButtonGeolocateItemInactive {
-	background: url("../assets/locate.png") no-repeat;
-	background-position: 0 0;
-	background-size: 33px 33px;
+	@extend %_sprites_geomap_scss;
+	@extend %geomap-locate-bg-size;
+	background-position: 0 -34px;
 }
 
 /*
@@ -283,7 +288,7 @@
 }
 
 .geomap-lgnd-layer {
-	margin-top: 20px!important;	
+	margin-top: 20px!important;
 }
 
 .geomap-geoloc {

src/plugins/geomap/_ie8.scss

@@ -2,15 +2,19 @@
  * Web Experience Toolkit (WET) / Boîte à outils de l'expérience Web (BOEW)
  * wet-boew.github.io/wet-boew/License-eng.html / wet-boew.github.io/wet-boew/Licence-fra.html
 */
-.ie8 {
-	div {
-		&.olControlZoom {
-			a {
-				&:hover,
-				&:focus {
-					background: #130085;
-				}
+@import "sprites/sprites_geomap";
+
+.lt-ie9 {
+	.olControlZoom {
+		a {
+			&:hover,
+			&:focus {
+				background: #130085;
 			}
 		}
 	}
+
+	.olButtonGeolocateItemInactive {
+		@extend %locate;
+	}
 }

src/plugins/share/_base.scss

@@ -2,7 +2,7 @@
  * Web Experience Toolkit (WET) / Boîte à outils de l'expérience Web (BOEW)
  * wet-boew.github.io/wet-boew/License-en.html / wet-boew.github.io/wet-boew/Licence-fr.html
  */
-@import "sprites/sprites";
+@import "sprites/sprites_share";
 
 .shr-opn {
 	span {