OTSSigns/OTSSigns-Website
1
0
Fork 0
Code Issues Pull Requests 6 Actions Packages Projects Releases Wiki Activity

Sync: add devices split card section and styles for improved presentation of player options

Browse Source
This commit is contained in:
Matt Batchelder
2026-02-21 17:36:46 -05:00
parent 7bb9a0bdd3
commit 5be6eae083
2 changed files with 54 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
theme/assets/css/main.css
View File

@@ -3232,6 +3232,44 @@ p:last-child { margin-bottom: 0; }
.cta-banner h2 { color: #fff; margin-bottom: 1rem; }
.cta-banner p { color: rgba(255,255,255,.85); margin-bottom: 2rem; font-size: 1.1rem; }
.devices-split-card {
display: grid;
grid-template-columns: 1fr 1fr;
border-radius: var(--radius-xl);
overflow: hidden;
border: 1px solid var(--color-border);
background: var(--card-bg);
}
.devices-split-card__panel {
padding: clamp(1.5rem, 3vw, 2.5rem);
}
.devices-split-card__panel h3 {
margin-bottom: .85rem;
}
.devices-split-card__panel p {
color: var(--color-text-muted);
line-height: 1.75;
}
.devices-split-card__panel--brand {
background: var(--color-primary);
color: var(--color-bg);
}
.devices-split-card__panel--brand h3,
.devices-split-card__panel--brand p {
color: inherit;
}
@media (max-width: 768px) {
.devices-split-card {
grid-template-columns: 1fr;
}
}
/* ── 15. Footer ────────────────────────────────────────────── */
.site-footer {
background: #111111;