JSFiddle - React, Tailwind, and code Playground
by Nicolas Lips
HTML
<!-- CSS pour le popup répartition des logements -->
<style>
.handiToitCartoInfoWindow {
text-align: center;
}
.handiToitCartoInfoWindow div.nomCommune {
font-weight: bold;
}
.handiToitCartoInfoWindow div.nomCommune hr {
width: 1em
}
.handiToitCartoInfoWindow div.bloc {
padding-top: 0.5em;
width: 17em;
float: left;
}
.handiToitCartoInfoWindow div.bloc img {
vertical-align: middle;
height: 40px;
}
.handiToitCartoInfoWindow span.value {
font-weight: bold;
font-size: larger;
}
.handiToitCartoInfoWindow div.bloc .legend {
margin-top: 0.5em;
}
.handiToitCartoInfoWindow .repartition {
clear: both;
padding-top: 0.5em;
}
.handiToitCartoInfoWindow .repartition hr {
border: 0;
font-weight: bold;
border-bottom: 1px dotted;
}
.handiToitCartoInfoWindow .repartition ul {
list-style: none;
padding: 0;
margin: 0;
margin-left: auto;
margin-right: auto;
width: 33em;
}
.handiToitCartoInfoWindow .repartition ul li {
margin-top: 0.5em;
width: 8em;
float: left;
}
.handiToitCartoInfoWindow .repartition ul li img {
vertical-align: middle;
height: 40px;
}
.handiToitCartoInfoWindow...