Merge pull request #20 from markaspot/additional-colors

Some new colors for markers-soft images, CSS and example

dist/leaflet.awesome-markers.css

@@ -1,4 +1,4 @@
-/* 
+/*
 Author: L. Voogdt
 License: MIT
 Version: 1.0
@@ -27,7 +27,7 @@ Version: 1.0
 (-webkit-min-device-pixel-ratio: 1.5),(min-device-pixel-ratio: 1.5),(min-resolution: 1.5dppx) {
  .awesome-marker {
   background-image: url('images/markers-soft@2x.png');
-  background-size: 360px 46px;
+  background-size: 720px 46px;
  }
  .awesome-marker-shadow {
   background-image: url('images/markers-shadow@2x.png');
@@ -55,10 +55,18 @@ Version: 1.0
   background-position: -180px 0;
 }
 
+.awesome-marker-icon-lightred {
+  background-position: -360px 0;
+}
+
 .awesome-marker-icon-orange {
   background-position: -36px 0;
 }
 
+.awesome-marker-icon-beige {
+  background-position: -396px 0;
+}
+
 .awesome-marker-icon-green {
   background-position: -72px 0;
 }
@@ -67,6 +75,10 @@ Version: 1.0
   background-position: -252px 0;
 }
 
+.awesome-marker-icon-lightgreen {
+  background-position: -432px 0;
+}
+
 .awesome-marker-icon-blue {
   background-position: -108px 0;
 }
@@ -75,6 +87,10 @@ Version: 1.0
   background-position: -216px 0;
 }
 
+.awesome-marker-icon-lightblue {
+  background-position: -468px 0;
+}
+
 .awesome-marker-icon-purple {
   background-position: -144px 0;
 }
@@ -83,6 +99,26 @@ Version: 1.0
   background-position: -288px 0;
 }
 
+.awesome-marker-icon-pink {
+  background-position: -504px 0;
+}
+
 .awesome-marker-icon-cadetblue {
   background-position: -324px 0;
-}
+}
+
+.awesome-marker-icon-white {
+  background-position: -574px 0;
+}
+
+.awesome-marker-icon-gray {
+  background-position: -648px 0;
+}
+
+.awesome-marker-icon-lightgray {
+  background-position: -612px 0;
+}
+
+.awesome-marker-icon-black {
+  background-position: -682px 0;
+}

examples/random-markers.html

@@ -30,7 +30,7 @@
       detectRetina: true
     }).addTo(map);
 
-    var colors = ['red', 'blue', 'green', 'purple', 'orange', 'darkred', 'darkblue', 'darkgreen', 'cadetblue', 'darkpurple'];
+    var colors = ['red', 'blue', 'green', 'purple', 'orange', 'darkred', 'lightred', 'beige', 'darkblue', 'darkgreen', 'cadetblue', 'darkpurple', 'white', 'pink', 'lightblue', 'lightgreen', 'gray', 'black', 'lightgray'];
 
     var awesomeIcons = ['font', 'cloud-download', 'medkit', 'github-alt', 'coffee', 'twitter', 'shopping-cart', 'tags', 'star'];