A little headless CMS that stores models and content in your PDS sites.wisp.place/wilb.me/pds-cms
Something went wrong. Try again.
2.5 kB · 166 lines
CSS
at main
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167:root { color-scheme: light dark; font-family: system-ui, sans-serif; line-height: 1.6;}
* { box-sizing: border-box;}
body { margin: 0;}
main { max-width: 640px; margin: 0 auto; padding: 2rem 1rem 4rem;}
h1 { margin-bottom: 0.25rem;}
.muted { opacity: 0.7; font-size: 0.9rem;}
.error { color: light-dark(#b3261e, #ffb4ab); font-size: 0.9rem; margin: 0.25rem 0 0;}
.field { margin-bottom: 1rem;}
.field label,.field .label { display: block; font-weight: 600; margin-bottom: 0.25rem;}
.field label.inline { display: inline-flex; align-items: center; gap: 0.5rem; font-weight: 600;}
input[type='text'],input[type='password'],input[type='url'],input[type='date'],textarea,select { width: 100%; padding: 0.5rem 0.65rem; border: 1px solid rgba(127, 127, 127, 0.5); border-radius: 8px; background: transparent; color: inherit; font: inherit;}
textarea { min-height: 6rem; resize: vertical;}
button { font: inherit; padding: 0.5rem 1rem; border-radius: 8px; border: 1px solid rgba(127, 127, 127, 0.5); background: transparent; color: inherit; cursor: pointer;}
button.primary { background: light-dark(#1d1d1f, #f5f5f7); color: light-dark(#f5f5f7, #1d1d1f); border-color: transparent;}
button.small { padding: 0.2rem 0.6rem; font-size: 0.85rem;}
button:disabled,input:disabled { opacity: 0.5; cursor: default;}
button.danger { color: light-dark(#b3261e, #ffb4ab); border-color: light-dark(#b3261e, #ffb4ab);}
.danger-zone { margin-top: 2.5rem; padding-top: 1rem; border-top: 1px solid rgba(127, 127, 127, 0.35);}
.card { border: 1px solid rgba(127, 127, 127, 0.35); border-radius: 12px; padding: 1rem; margin-bottom: 0.75rem;}
.row { display: flex; gap: 0.5rem; align-items: center;}
.row > :first-child { flex: 1;}
.subfield { margin-bottom: 0.5rem;}
.topbar { display: flex; justify-content: space-between; align-items: baseline; gap: 1rem; margin-bottom: 1.5rem;}
pre.preview { border: 1px solid rgba(127, 127, 127, 0.35); border-radius: 8px; padding: 1rem; overflow-x: auto; font-size: 0.85rem;}
fieldset { border: 1px solid rgba(127, 127, 127, 0.35); border-radius: 8px; margin: 0 0 1rem;}
fieldset.field-card { padding: 0.75rem 0.75rem 0.25rem; margin-bottom: 0.75rem;}
fieldset.field-card .row.subfield { flex-wrap: wrap;}
fieldset.field-card select { width: auto;}