Styling for OSM Maps
This commit is contained in:
parent
b7a9be0c59
commit
a6e392ce51
@ -4,4 +4,5 @@
|
||||
@import 'linkList/linkList';
|
||||
@import 'footer/footer';
|
||||
@import 'form/form';
|
||||
@import 'imageGrid/imageGrid';
|
||||
@import 'imageGrid/imageGrid';
|
||||
@import 'osmMap/osmMap';
|
@ -52,6 +52,7 @@
|
||||
top: #{($-spacing-large - $-spacing-small) / 3.2};
|
||||
}
|
||||
}
|
||||
|
||||
&__Item>.LP-Link:hover + &__DeleteItem, &__DeleteItem:hover {
|
||||
visibility: visible;
|
||||
}
|
||||
|
31
components/03_Organisms/osmMap/_osmMap.scss
Normal file
31
components/03_Organisms/osmMap/_osmMap.scss
Normal file
@ -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;
|
||||
}
|
||||
}
|
3
components/03_Organisms/osmMap/osmMap.config.json
Normal file
3
components/03_Organisms/osmMap/osmMap.config.json
Normal file
@ -0,0 +1,3 @@
|
||||
{
|
||||
|
||||
}
|
0
components/03_Organisms/osmMap/osmMap.hbs
Normal file
0
components/03_Organisms/osmMap/osmMap.hbs
Normal file
@ -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; }
|
||||
|
Loading…
Reference in New Issue
Block a user