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

Panel en móvil: una acampada por fila, sin desplazar de lado

Browse source
This commit is contained in:
hacklab 2026-10-14 12:29:24 +02:00
parent 9f3fc1ab0c
commit 52ecc4f656
2 changed files with 24 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

15
sites/takethestreet/css/web.css
View file

@ -106,10 +106,19 @@ h3 { margin: 0; font: 400 34px/1 var(--bt); text-transform: uppercase; letter-sp
.ejes, .paises { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
.deck { grid-template-columns: minmax(0, 1fr); }
.tags { font-size: 17px; }
.deck { grid-template-columns: minmax(0, 1fr); box-shadow: 4px 4px 0 var(--fg); }
.arbol { display: none; }
.cols { grid-auto-columns: 82vw; scroll-snap-type: x mandatory; }
.col { scroll-snap-align: start; }
.cols { grid-auto-flow: row; grid-template-columns: minmax(0, 1fr); overflow: visible; }
.col { border-right: 0; border-bottom: 2px solid var(--fg); padding: 12px 14px; }
.col:last-child { border-bottom: 0; }
.col h3 { font-size: 26px; border-bottom: 0; padding-bottom: 0; margin-bottom: 6px; }
.col h3 small { font-size: 13px; }
.post { border: 0; box-shadow: none; padding: 0; }
.post.ko { box-shadow: none; border-left: 4px solid var(--neon); padding-left: 8px; }
.redes { gap: 8px; }
.red { font-size: 18px; padding: 7px 10px 5px; }
.mapa { font-size: 15px; }
.cab { padding: 10px 12px 16px; }
.idiomas { align-self: center; }
.firma { gap: 10px; }

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

@ -106,10 +106,19 @@ h3 { margin: 0; font: 400 34px/1 var(--bt); text-transform: uppercase; letter-sp
.ejes, .paises { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
.deck { grid-template-columns: minmax(0, 1fr); }
.tags { font-size: 17px; }
.deck { grid-template-columns: minmax(0, 1fr); box-shadow: 4px 4px 0 var(--fg); }
.arbol { display: none; }
.cols { grid-auto-columns: 82vw; scroll-snap-type: x mandatory; }
.col { scroll-snap-align: start; }
.cols { grid-auto-flow: row; grid-template-columns: minmax(0, 1fr); overflow: visible; }
.col { border-right: 0; border-bottom: 2px solid var(--fg); padding: 12px 14px; }
.col:last-child { border-bottom: 0; }
.col h3 { font-size: 26px; border-bottom: 0; padding-bottom: 0; margin-bottom: 6px; }
.col h3 small { font-size: 13px; }
.post { border: 0; box-shadow: none; padding: 0; }
.post.ko { box-shadow: none; border-left: 4px solid var(--neon); padding-left: 8px; }
.redes { gap: 8px; }
.red { font-size: 18px; padding: 7px 10px 5px; }
.mapa { font-size: 15px; }
.cab { padding: 10px 12px 16px; }
.idiomas { align-self: center; }
.firma { gap: 10px; }