Skip to content

Instantly share code, notes, and snippets.

@fpassaniti
Created June 17, 2020 15:53
Show Gist options
  • Select an option

  • Save fpassaniti/6033c15f080cd8e75c8afc53217cd1f3 to your computer and use it in GitHub Desktop.

Select an option

Save fpassaniti/6033c15f080cd8e75c8afc53217cd1f3 to your computer and use it in GitHub Desktop.
/******** SVG MAPS REGION *************/
/************ Conteneur France ***************/
.svgmap-france-region {
width: 500px;
margin: auto;
position: relative;
background-color: white;
}
/* France Métropole */
.svgmap-francemetro-region {
padding-left: 17%;
}
/********** DROM ************/
/* Position en colonne left */
.svgmap-drom-region {
display: flex;
flex-direction: column;
justify-content: center;
position: absolute;
left: 1%;
top: 2%;
bottom: 2%;
width: 12%;
}
/******************** Style *************************/
/* Texts */
.svgmap-with-text svg a path {
fill: transparent !important;
stroke: transparent !important;
}
.svgmap-with-text svg a text {
display: none;
font-size: 1.3em;
font-weight: 300;
font-family: sans-serif;
fill: white !important;
text-shadow: 2px 2px 5px black;
stroke: none;
pointer-events: none;
}
.svgmap-with-text svg a:hover {
cursor: default;
text-decoration: none;
}
.svgmap-with-text svg a:hover text {
display: inherit;
}
/* Custom hover styling */
.svgmap-with-text svg a:hover path {
stroke: white !important;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment