add shadows
CI / test-and-build (push) Canceled after 0s

This commit is contained in:
2026-08-14 17:04:25 -06:00
parent 6316e757f0
commit 62087924c2
+4 -4
View File
@@ -65,8 +65,8 @@ code { overflow-wrap: anywhere; }
.ops-hero .ops-eyebrow { color: #002424; } .ops-hero .ops-eyebrow { color: #002424; }
.ops-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: .85rem; margin: 1.5rem 0 2.5rem; } .ops-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: .85rem; margin: 1.5rem 0 2.5rem; }
.ops-stat { display: flex; flex-direction: column; gap: .1rem; padding: 1rem; background: var(--ops-panel); border: 2px outset var(--ops-panel); color: var(--ops-ink); text-decoration: none; } .ops-stat { display: flex; flex-direction: column; gap: .1rem; padding: 1rem; background: var(--ops-panel); border: 2px outset var(--ops-panel); box-shadow: var(--ops-shadow); color: var(--ops-ink); text-decoration: none; transition: transform .12s ease; }
.ops-stat:hover { border-style: inset; } .ops-stat:hover { transform: translate(-2px, -2px); border-style: inset; }
.ops-stat strong { color: var(--ops-bg); font-size: 1.9rem; } .ops-stat strong { color: var(--ops-bg); font-size: 1.9rem; }
.ops-stat span { color: var(--ops-ink-muted); text-transform: uppercase; font-size: .78rem; letter-spacing: .04em; } .ops-stat span { color: var(--ops-ink-muted); text-transform: uppercase; font-size: .78rem; letter-spacing: .04em; }
@@ -91,8 +91,8 @@ code { overflow-wrap: anywhere; }
.ops-tags a, .ops-tags span { color: inherit; } .ops-tags a, .ops-tags span { color: inherit; }
.ops-list { display: grid; gap: 1rem; } .ops-list { display: grid; gap: 1rem; }
.ops-list-item { padding: 1rem 1.1rem; background: var(--ops-panel); border: 2px solid var(--ops-border); border-left: 8px solid var(--ops-teal); color: var(--ops-ink); } .ops-list-item { padding: 1rem 1.1rem; background: var(--ops-panel); border: 2px solid var(--ops-border); border-left: 8px solid var(--ops-teal); box-shadow: var(--ops-shadow); color: var(--ops-ink); transition: transform .12s ease; }
.ops-list-item:hover { border-left-color: var(--ops-accent); background: var(--ops-panel-2); } .ops-list-item:hover { transform: translate(-2px, -2px); border-left-color: var(--ops-accent); background: var(--ops-panel-2); }
.ops-list-item h2, .ops-list-item h3 { margin: .45rem 0 .3rem; color: var(--ops-ink); } .ops-list-item h2, .ops-list-item h3 { margin: .45rem 0 .3rem; color: var(--ops-ink); }
.ops-list-item p { color: var(--ops-ink-muted); margin: .25rem 0; } .ops-list-item p { color: var(--ops-ink-muted); margin: .25rem 0; }
.ops-list-item__meta { display: flex; flex-wrap: wrap; gap: .4rem .75rem; align-items: center; color: var(--ops-ink-muted); font-size: .82rem; } .ops-list-item__meta { display: flex; flex-wrap: wrap; gap: .4rem .75rem; align-items: center; color: var(--ops-ink-muted); font-size: .82rem; }