calendar
This commit is contained in:
1 parent
836826dba5
commit
8e78468743
7 files changed
+309
-7
No files matched your search
@@ -1,6 +1,23 @@
|
||||
body { font-family: 'JetBrains Mono', monospace; }
|
||||
.font-pixel { font-family: var(--t-font-pixel, 'Silkscreen', cursive) !important; }
|
||||
|
||||
/* Calendar */
|
||||
.cal-header { display: grid; grid-template-columns: repeat(7, 1fr); border-bottom: 3px solid var(--t-border); flex-shrink: 0; }
|
||||
.cal-day-label { padding: 6px 8px; font-family: var(--t-font-pixel, 'Silkscreen', cursive); font-size: 9px; color: var(--t-dim); text-align: center; text-transform: uppercase; letter-spacing: 0.05em; }
|
||||
.cal-body { display: grid; grid-template-columns: repeat(7, 1fr); grid-template-rows: repeat(6, 1fr); flex: 1; min-height: 0; }
|
||||
.cal-cell { border-right: 3px solid var(--t-border); border-bottom: 3px solid var(--t-border); padding: 4px 6px; overflow: hidden; cursor: default; transition: background 0.1s; position: relative; min-height: 0; display: flex; flex-direction: column; }
|
||||
.cal-cell:nth-child(7n) { border-right: none; }
|
||||
.cal-cell:hover { background: var(--t-raised); }
|
||||
.cal-cell-out { opacity: 0.2; }
|
||||
.cal-cell-today { background: color-mix(in srgb, var(--t-accent) 8%, transparent); }
|
||||
.cal-cell-today:hover { background: color-mix(in srgb, var(--t-accent) 14%, transparent); }
|
||||
.cal-cell-num { font-family: var(--t-font-pixel, 'Silkscreen', cursive); font-size: 10px; color: var(--t-muted); margin-bottom: 3px; }
|
||||
.cal-cell-items { display: flex; flex-direction: column; gap: 2px; overflow-y: auto; flex: 1; min-height: 0; }
|
||||
.cal-item { font-size: 10px; color: var(--t-text); padding: 2px 5px; border-left: 3px solid var(--t-accent); background: var(--t-surface); border-radius: 0 2px 2px 0; cursor: pointer; display: flex; align-items: center; gap: 4px; transition: background 0.1s; white-space: nowrap; overflow: hidden; flex-shrink: 0; }
|
||||
.cal-item:hover { background: var(--t-raised); color: var(--t-bright); }
|
||||
.cal-item-journal { opacity: 0.8; }
|
||||
.cal-todo { font-family: var(--t-font-pixel, 'Silkscreen', cursive); font-size: 8px; color: var(--t-accent); flex-shrink: 0; }
|
||||
|
||||
/* Scrollbars */
|
||||
* {
|
||||
scrollbar-width: thin;
|
||||
|
||||
Reference in new issue
Block a user