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

Colectivos de la acampada con logo y redes desplegables

Browse source
This commit is contained in:
hacklab 2026-09-29 22:26:50 +02:00
parent fe53049ceb
commit 217984045e
2 changed files with 52 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

35
site/css/main.css
View file

@ -121,11 +121,36 @@ footer { margin: 64px 0 24px; border-top: var(--bd); padding-top: 12px; font-siz
.bt:hover, .bt:focus-visible, .bt:active { transform: none; }
}
.colectivos { list-style: none; margin: 0 0 16px; padding: 0; columns: 2 280px; column-gap: 32px; }
.colectivos li { break-inside: avoid; padding: 6px 0; border-bottom: 1px solid var(--fg); }
.colectivos a { font-family: var(--tit); font-size: 22px; text-transform: uppercase; text-decoration: none; }
.colectivos a:hover, .colectivos a:focus-visible { color: var(--neon); }
.colectivos span { display: block; font-size: 14px; }
.colectivos { list-style: none; margin: 0 0 16px; padding: 0; columns: 2 300px; column-gap: 32px; }
.colectivos > li { break-inside: avoid; border-bottom: 1px solid var(--fg); }
.colectivos summary, .colectivos .cab {
display: grid;
grid-template-columns: 48px 1fr;
column-gap: 12px;
align-items: center;
padding: 8px 0;
}
.colectivos summary { cursor: pointer; list-style: none; }
.colectivos summary::-webkit-details-marker { display: none; }
.colectivos img, .colectivos .sin-logo { grid-row: span 2; width: 48px; height: 48px; border: 2px solid var(--fg); }
.colectivos .sin-logo { background: var(--fg); }
.colectivos .n { font-family: var(--tit); font-size: 22px; line-height: 1.1; text-transform: uppercase; }
.colectivos .n.solo { grid-row: span 2; }
.colectivos .d { font-size: 14px; line-height: 1.3; }
.colectivos summary .n::after { content: " +"; }
.colectivos details[open] .n::after { content: " −"; }
.colectivos summary:hover .n, .colectivos summary:focus-visible .n, .colectivos details[open] .n { color: var(--neon); }
.colectivos summary:focus-visible { outline: 2px solid var(--neon); outline-offset: 2px; }
.redes { list-style: none; display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0 0 12px 60px; }
.redes a {
display: block;
padding: 4px 10px;
font-size: 15px;
text-decoration: none;
border: 2px solid var(--fg);
border-radius: 8px;
}
.redes a:hover, .redes a:focus-visible { color: var(--neon); border-color: var(--neon); outline: none; }
.unete { max-width: 480px; margin: 32px auto; }
.unete .bt { padding: 22px 16px; font-size: 34px; }