Styling for OSM Maps

components/03_Organisms/_organisms.scss

@@ -4,4 +4,5 @@
 @import 'linkList/linkList';
 @import 'footer/footer';
 @import 'form/form';
-@import 'imageGrid/imageGrid';
+@import 'imageGrid/imageGrid';
+@import 'osmMap/osmMap';

components/03_Organisms/imageGrid/_imageGrid.scss

@@ -52,6 +52,7 @@
 			top: #{($-spacing-large - $-spacing-small) / 3.2};
 		}
 	}
+	
 	&__Item>.LP-Link:hover + &__DeleteItem, &__DeleteItem:hover { 
 		visibility: visible;
 	}

components/03_Organisms/osmMap/_osmMap.scss

@@ -0,0 +1,31 @@
+.LP-Map{
+    .ol-attribution{
+        font-family: $-primary-sans-serif-font;
+        color: $-grey;
+
+        a{
+            color: $-light-brown;
+
+            &:hover, &:focus {
+                color: $-beige;
+            }
+        }
+    }
+
+    .ol-zoom{
+        &-in, &-out{
+            background-color: $-light-brown;
+            &:hover, &:focus{
+                background-color: $-grey;
+            }
+        }
+    }
+
+    .LP-Map__Popup{
+        font-family: $-primary-sans-serif-font;
+        color: $-grey;
+        background-color: $-almost-white;
+        padding: .5em;
+        border-radius: 2px;
+    }
+}

components/03_Organisms/osmMap/osmMap.config.json

@@ -0,0 +1,3 @@
+{
+
+}