Websites/events
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Expand Barcamp homepage FAQ

Browse source
This commit is contained in:
Neeldhara Misra 2026-07-06 01:03:56 +05:30
parent bb3bdda5f9
commit b412a07451
2 changed files with 279 additions and 33 deletions
Download patch file Download diff file Expand all files Collapse all files

77
src/styles/global.css
View file

@ -1362,6 +1362,65 @@ button.event-badge::before {
color: color-mix(in oklch, var(--foreground) 76%, white);
}
.barcamp-faq {
display: grid;
gap: 1rem;
}
.barcamp-faq__head {
display: grid;
grid-template-columns: minmax(220px, 0.72fr) auto;
gap: 1.2rem;
align-items: end;
border-bottom: var(--border-hairline) solid var(--border);
padding-bottom: 1rem;
}
.barcamp-faq__head .hero-actions {
justify-content: end;
}
.barcamp-qa-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 0.85rem;
}
.barcamp-qa {
display: grid;
gap: 0.65rem;
align-content: start;
border-radius: 8px;
background: color-mix(in oklch, var(--card) 92%, #fff6df);
box-shadow: 0 0 0 1px rgba(39, 33, 26, 0.08);
padding: 1.2rem;
}
.barcamp-qa--wide {
grid-column: span 2;
}
.barcamp-qa h3 {
font-size: 1.28rem;
line-height: 1.22;
}
.barcamp-qa p {
color: var(--muted);
}
.barcamp-qa p + p {
margin-top: 0.1rem;
}
.barcamp-qa a {
color: color-mix(in oklch, var(--foreground) 76%, var(--primary));
font-weight: 700;
text-decoration: underline;
text-decoration-thickness: 0.08em;
text-underline-offset: 0.16em;
}
.barcamp-card-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
@ -1421,6 +1480,13 @@ button.event-badge::before {
justify-self: end;
}
.barcamp-cta__actions {
display: flex;
gap: 0.7rem;
justify-content: end;
flex-wrap: wrap;
}
.event-page-heading--barcamp {
max-width: 1180px;
width: min(1180px, calc(100% - 2rem));
@ -1781,6 +1847,7 @@ button.event-badge::before {
.barcamp-hero,
.barcamp-section,
.barcamp-cta,
.barcamp-faq__head,
.barcamp-schedule__head,
.barcamp-proposal-callout {
grid-template-columns: 1fr;
@ -1826,6 +1893,11 @@ button.event-badge::before {
justify-self: start;
}
.barcamp-cta__actions,
.barcamp-faq__head .hero-actions {
justify-content: start;
}
.barcamp-proposal-callout .button {
justify-self: start;
}
@ -1924,6 +1996,7 @@ button.event-badge::before {
.barcamp-facts dl,
.barcamp-card-grid,
.barcamp-qa-grid,
.barcamp-participant-grid,
.barcamp-tablist,
.barcamp-slot,
@ -1956,8 +2029,10 @@ button.event-badge::before {
}
.barcamp-card-grid article,
.barcamp-card-grid article:nth-child(n) {
.barcamp-card-grid article:nth-child(n),
.barcamp-qa--wide {
min-height: auto;
grid-column: auto;
}
.barcamp-slot-group__head {