Group duplicate effects and add loop variants
This commit is contained in:
@@ -67,6 +67,15 @@ input[type="search"]:focus { border-color: var(--accent); }
|
||||
.tile-actions { display: flex; justify-content: flex-end; gap: 8px; padding: 0 10px 10px; }
|
||||
.mini { padding: 5px 9px; font-size: 11px; border-radius: 8px; }
|
||||
.mini.ok { color: var(--accent-2); border-color: rgba(110,255,200,.5); }
|
||||
.tag-loop { background: rgba(255,180,84,.14); color: var(--warn); border-color: rgba(255,180,84,.5); }
|
||||
.tile.is-loop { border-color: rgba(255,180,84,.45); box-shadow: inset 0 0 0 1px rgba(255,180,84,.10); }
|
||||
.tile.is-loop:hover { border-color: rgba(255,180,84,.8); }
|
||||
.loop-glyph { color: var(--warn); margin-left: 4px; font-weight: 700; }
|
||||
.variant-row { display: flex; flex-wrap: wrap; gap: 4px; padding: 0 10px 6px; }
|
||||
.variant-btn { padding: 3px 8px; font-size: 11px; border-radius: 6px; min-width: 26px; background: rgba(179,136,255,.08); border: 1px solid rgba(179,136,255,.28); color: var(--ink-dim); }
|
||||
.variant-btn:hover { background: rgba(179,136,255,.20); color: var(--ink); border-color: var(--accent); }
|
||||
.active-row.is-loop { border-color: rgba(255,180,84,.45); background: rgba(255,180,84,.06); }
|
||||
.active-row .loop-glyph { font-weight: 700; }
|
||||
.empty { margin: 16px 4px 0; color: var(--ink-dim); font-style: italic; }
|
||||
footer { position: relative; z-index: 1; padding: 14px 28px 26px; color: var(--ink-dim); font-size: 12px; display: flex; gap: 10px; align-items: center; flex-wrap: wrap; }
|
||||
footer .sep { opacity: .5; } footer code { background: rgba(255,255,255,.05); border-radius: 6px; padding: 2px 6px; font-size: 11.5px; }
|
||||
|
||||
Reference in New Issue
Block a user