map is improving : drawing squares with entries and fake colors, got the hover behaviour working

sites/all/themes/custom/edlptheme/assets/dist/styles/app.min.css

@@ -11,7 +11,9 @@ body, html {
   width: 100%;
   height: 100%;
   font-family: Georgia, serif;
-  font-style: normal; }
+  font-style: normal;
+  margin: 0;
+  padding: 0; }
 
 div.layout-container {
   position: relative;

sites/all/themes/custom/edlptheme/assets/styles/app.scss

@@ -1,3 +1,11 @@
+// @Author: Bachir Soussi Chiadmi <bach>
+// @Date:   18-12-2017
+// @Email:  bachir@figureslibres.io
+// @Filename: app.scss
+// @Last modified by:   bach
+// @Last modified time: 20-12-2017
+// @License: GPL-V3
+
 @import 'base/reset';
 
 @import 'base/vars';
@@ -12,6 +20,8 @@ body, html{
   height:100%;
   font-family: Georgia, serif;
   font-style: normal;
+  margin:0;
+  padding:0;
 }
 
 

sites/all/themes/custom/edlptheme/assets/styles/base/_colors.scss

@@ -0,0 +1,21 @@
+$130:rgb(75, 143, 126);
+$121:rgb(134, 142, 36);
+$134:rgb(43, 143, 47);
+$121:rgb(58, 51, 182);
+$125:rgb(44, 159, 87);
+$119:rgb(196, 137, 120);
+$132:rgb(82, 112, 187);
+$122:rgb(251, 84, 211);
+$129:rgb(224, 116, 131);
+$120:rgb(101, 88, 69);
+$130:rgb(126, 8, 104);
+$118:rgb(14, 113, 33);
+$127:rgb(218, 189, 66);
+$133:rgb(3, 153, 187);
+$128:rgb(57, 154, 28);
+$124:rgb(112, 133, 64);
+$116:rgb(25, 27, 255);
+$117:rgb(39, 157, 132);
+$131:rgb(82, 25, 171);
+$126:rgb(212, 156, 182);
+$123:rgb(73, 119, 21);