diff --git a/sites/takethestreet/css/web.css b/sites/takethestreet/css/web.css index 1cb5c51..b71fa96 100644 --- a/sites/takethestreet/css/web.css +++ b/sites/takethestreet/css/web.css @@ -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; } diff --git a/sites/tomalacalle/css/web.css b/sites/tomalacalle/css/web.css index 1cb5c51..b71fa96 100644 --- a/sites/tomalacalle/css/web.css +++ b/sites/tomalacalle/css/web.css @@ -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; }