hacklab/takethestreet
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Mapa con OpenStreetMap que se mueve y se amplía, después de Síguelas; versión en el CSS para que los móviles no usen el viejo

Browse source
This commit is contained in:
hacklab 2026-10-14 14:42:29 +02:00
parent db898b9a42
commit 0d163dfe36
21 changed files with 1664 additions and 112 deletions
Download patch file Download diff file Expand all files Collapse all files

16
sites/tomalacalle/css/web.css
View file

@ -162,3 +162,19 @@ h3 { margin: 0; font: 400 34px/1 var(--bt); text-transform: uppercase; letter-sp
.impacto-mapa { box-shadow: 4px 4px 0 var(--fg); }
.impacto-mapa text { font-size: 19px; }
}
.mapa-osm.vivo { height: clamp(380px, 60vh, 620px); max-width: 900px; margin: 0 auto; border: var(--bd); border-radius: 10px; box-shadow: 6px 6px 0 var(--fg); z-index: 0; }
.saltos { max-width: 900px; margin: 0 auto 10px; display: flex; flex-wrap: wrap; gap: 8px; }
.saltos button { font: 20px/1 var(--bt); letter-spacing: .04em; text-transform: uppercase; background: var(--bg); color: var(--fg); border: var(--bd); border-radius: 6px; padding: 7px 12px 5px; box-shadow: 3px 3px 0 var(--fg); cursor: pointer; }
.saltos button:hover { box-shadow: 3px 3px 0 var(--neon); }
.pin img { display: block; width: 100%; height: 100%; background: #fff; border-radius: 50%; }
.pin span { display: block; width: 100%; height: 100%; border-radius: 50%; }
.pin-c span { background: #fff; border: 3px dashed var(--neon); }
.pin-p span { background: var(--fg); border: 3px solid #fff; box-shadow: 0 0 0 1px var(--fg); }
.pin-l span { background: #bbb; border: 2px solid var(--fg); }
.leaflet-popup-content { font: 15px/1.5 var(--txt); }
.leaflet-container a.leaflet-popup-close-button { font-size: 22px; }
@media (max-width: 640px) {
.mapa-osm.vivo { height: 70vh; box-shadow: 4px 4px 0 var(--fg); }
.saltos button { font-size: 22px; padding: 9px 14px 7px; }
}