Christopher Baines
5b0e6397dc
All checks were successful
/ test (push) Successful in 9s
Safsaf is a Guile web framework, written using Claude Code running Claude Opus 4.6, based off of the Guix Data Service, Nar Herder and Guix Build Coordinator codebases.
30 lines
1.9 KiB
CSS
30 lines
1.9 KiB
CSS
* { margin: 0; padding: 0; box-sizing: border-box; }
|
|
body { font-family: system-ui, sans-serif; line-height: 1.6; max-width: 48rem; margin: 0 auto; padding: 1rem; color: #222; }
|
|
nav { border-bottom: 1px solid #ddd; padding: 0.75rem 0; margin-bottom: 1.5rem; }
|
|
nav a { text-decoration: none; color: #444; margin-right: 1rem; }
|
|
nav a:hover { color: #000; }
|
|
h1 { margin-bottom: 0.75rem; }
|
|
h1 a { text-decoration: none; color: inherit; }
|
|
p, ul, pre { margin-bottom: 1rem; }
|
|
ul { padding-left: 1.5rem; }
|
|
a { color: #1a6; }
|
|
pre { background: #f5f5f5; padding: 1rem; overflow-x: auto; white-space: pre-wrap; }
|
|
form label { display: block; margin-bottom: 0.25rem; font-weight: 600; }
|
|
form input[type="text"], form textarea { width: 100%; padding: 0.4rem; border: 1px solid #ccc; border-radius: 3px; font-family: inherit; font-size: inherit; }
|
|
form textarea { resize: vertical; }
|
|
form button { margin-top: 0.5rem; padding: 0.4rem 1.2rem; background: #1a6; color: #fff; border: none; border-radius: 3px; cursor: pointer; }
|
|
form button:hover { background: #158; }
|
|
.field { margin-bottom: 1rem; }
|
|
.error { color: #c33; font-size: 0.9rem; margin-top: 0.2rem; }
|
|
.post-meta { color: #888; font-size: 0.9rem; margin-bottom: 1rem; }
|
|
.header-image { width: 100%; max-height: 20rem; object-fit: cover; border-radius: 4px; margin-bottom: 1rem; }
|
|
.nav-form { display: inline; }
|
|
.nav-link { background: none; border: none; color: #444; cursor: pointer; font: inherit; padding: 0; margin-right: 1rem; }
|
|
.nav-link:hover { color: #000; }
|
|
form input[type="file"] { margin-top: 0.25rem; }
|
|
.post-actions { margin-bottom: 1rem; }
|
|
.post-actions a { margin-right: 0.5rem; }
|
|
.inline-form { display: inline; }
|
|
.danger { background: #c33; color: #fff; border: none; border-radius: 3px; padding: 0.2rem 0.6rem; cursor: pointer; font-size: 0.9rem; }
|
|
.danger:hover { background: #a22; }
|
|
footer { border-top: 1px solid #ddd; padding-top: 0.75rem; margin-top: 2rem; color: #888; font-size: 0.9rem; }
|