adds map markers styles

1 files changed, 14 insertions, 0 deletions

diff --git a/style.less b/style.less
index 6206c79..c6ebceb 100644
--- a/style.less
+++ b/style.less
@@ -66,3 +66,17 @@ div#p-logo {
   font-weight: normal;
   display: block;
 }
+
+
+
+// **************** Map elements
+
+// We change the color of the marker using filter. The base color must be black. Color generator: https://codepen.io/sosuke/pen/Pjoqqp
+
+.leaflet-marker-icon img, img.leaflet-marker-icon.leaflet-zoom-animated.leaflet-interactive {
+  filter: invert(18%) sepia(67%) saturate(3680%) hue-rotate(93deg) brightness(95%) contrast(103%) drop-shadow(2px 4px 6px lightgrey);
+}
+
+.leaflet-marker-icon  span {
+  color: white;
+}