diff --git a/components/03_Organisms/_organisms.scss b/components/03_Organisms/_organisms.scss index cf62ca3..20f13e8 100644 --- a/components/03_Organisms/_organisms.scss +++ b/components/03_Organisms/_organisms.scss @@ -4,4 +4,5 @@ @import 'linkList/linkList'; @import 'footer/footer'; @import 'form/form'; -@import 'imageGrid/imageGrid'; \ No newline at end of file +@import 'imageGrid/imageGrid'; +@import 'osmMap/osmMap'; \ No newline at end of file diff --git a/components/03_Organisms/imageGrid/_imageGrid.scss b/components/03_Organisms/imageGrid/_imageGrid.scss index 8a58292..e72324d 100644 --- a/components/03_Organisms/imageGrid/_imageGrid.scss +++ b/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; } diff --git a/components/03_Organisms/osmMap/_osmMap.scss b/components/03_Organisms/osmMap/_osmMap.scss new file mode 100644 index 0000000..5e7e841 --- /dev/null +++ b/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; + } +} \ No newline at end of file diff --git a/components/03_Organisms/osmMap/osmMap.config.json b/components/03_Organisms/osmMap/osmMap.config.json new file mode 100644 index 0000000..0e0dcd2 --- /dev/null +++ b/components/03_Organisms/osmMap/osmMap.config.json @@ -0,0 +1,3 @@ +{ + +} \ No newline at end of file diff --git a/components/03_Organisms/osmMap/osmMap.hbs b/components/03_Organisms/osmMap/osmMap.hbs new file mode 100644 index 0000000..e69de29 diff --git a/public/main.css b/public/main.css index c940834..ed06ba1 100644 --- a/public/main.css +++ b/public/main.css @@ -1641,6 +1641,26 @@ body { .LP-ImageGrid__Item > .LP-Link:hover + .LP-ImageGrid__DeleteItem, .LP-ImageGrid__DeleteItem:hover { visibility: visible; } +.LP-Map .ol-attribution { + font-family: "Montserrat", Helvetica, sans-serif; + color: #565656; } + .LP-Map .ol-attribution a { + color: #C09F80; } + .LP-Map .ol-attribution a:hover, .LP-Map .ol-attribution a:focus { + color: #D7CEC7; } + +.LP-Map .ol-zoom-in, .LP-Map .ol-zoom-out { + background-color: #C09F80; } + .LP-Map .ol-zoom-in:hover, .LP-Map .ol-zoom-in:focus, .LP-Map .ol-zoom-out:hover, .LP-Map .ol-zoom-out:focus { + background-color: #565656; } + +.LP-Map .LP-Map__Popup { + font-family: "Montserrat", Helvetica, sans-serif; + color: #565656; + background-color: #f9f9f9; + padding: .5em; + border-radius: 2px; } + .LP-MainContainer { margin: 0 auto; max-width: 1280px; }