Fix concurrent checklist sync and consistent actions
This commit is contained in:
parent
a33f7a297d
commit
8d5a94d7fa
10 changed files with 124 additions and 20 deletions
|
|
@ -91,6 +91,12 @@ h1 { margin-bottom: 3px; font: 700 clamp(2.8rem, 8vw, 5.8rem)/.92 Georgia, serif
|
|||
.section-heading > p { color: var(--muted); max-width: 31rem; margin: 0; text-align: right; font-size: .92rem; }
|
||||
.today-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
|
||||
.today-card { min-height: 180px; padding: 22px; background: var(--panel); border: 1px solid var(--line); border-radius: var(--radius); position: relative; overflow: hidden; }
|
||||
label.today-card { display: block; cursor: pointer; transition: border-color .15s ease, opacity .15s ease; }
|
||||
label.today-card:hover { border-color: color-mix(in srgb, var(--season) 55%, transparent); }
|
||||
.today-card > input { position: absolute; opacity: 0; pointer-events: none; }
|
||||
.today-card > .checkmark { position: absolute; z-index: 2; top: 18px; right: 18px; background: var(--panel-2); }
|
||||
.today-card.complete { opacity: .58; }
|
||||
.today-card.complete h3 { text-decoration: line-through; }
|
||||
.today-card::after { content: ""; position: absolute; width: 100px; height: 100px; right: -42px; bottom: -42px; border: 22px solid var(--season-soft); border-radius: 50%; }
|
||||
.today-card h3 { font: 700 1.35rem/1.1 Georgia, serif; margin: 25px 0 9px; }
|
||||
.today-card p { color: var(--muted); margin: 0; font-size: .91rem; max-width: 26rem; }
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue