38 lines
2.9 KiB
CSS
38 lines
2.9 KiB
CSS
.link{font:inherit;font-size:14px;color:var(--accent);cursor:pointer;background:none;border:0;padding:0;text-decoration:underline dotted;white-space:nowrap}
|
||
.link:hover,.link:focus-visible{text-decoration-style:solid;outline:none}
|
||
.link:disabled{color:var(--muted);cursor:default;text-decoration:none}
|
||
/* 4. Кнопки и выпадающие списки */
|
||
.btn{font:inherit;font-size:14px;line-height:1.2;color:var(--fg);background:var(--card);border:1px solid var(--line);border-radius:6px;padding:0 12px;cursor:pointer;height:34px;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;gap:5px}
|
||
.btn:hover,.btn:focus-visible{border-color:var(--accent);outline:none}
|
||
.btn[aria-pressed="true"]{background:var(--accent);color:var(--accent-fg);border-color:var(--accent)}
|
||
.btn .n{font-weight:600;color:var(--p-crit)}
|
||
.btn .n.zero{font-weight:500;color:var(--muted)}
|
||
.btn[aria-pressed="true"] .n{color:inherit}
|
||
.btn.sm{height:28px;padding:0 8px;font-size:13px}
|
||
.more-btn{padding:0 10px;font-size:20px;line-height:1;letter-spacing:.05em}
|
||
.dd{position:relative;display:inline-block}
|
||
.dd-btn{max-width:360px;gap:8px;justify-content:space-between}
|
||
.dd-btn .lbl{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
|
||
.dd-btn .car{font-size:10px;opacity:.7}
|
||
.dd-menu{position:absolute;top:calc(100% + 4px);left:0;z-index:20;min-width:280px;max-width:420px;padding:8px;display:flex;flex-direction:column;gap:6px}
|
||
.dd-menu input[type=search]{font:inherit;font-size:14px;color:var(--fg);background:var(--card);border:1px solid var(--line);border-radius:6px;padding:6px 8px;width:100%;box-sizing:border-box}
|
||
.dd-menu input[type=search]:focus-visible{border-color:var(--accent);outline:none}
|
||
.dd-list{max-height:260px;overflow:auto;display:flex;flex-direction:column}
|
||
.dd-item{display:flex;align-items:center;gap:8px;padding:5px 6px;border-radius:5px;cursor:pointer;font-size:14px}
|
||
.dd-item:hover{background:var(--soft)}
|
||
.dd-item input{accent-color:var(--accent);margin:0;width:14px;height:14px;flex:0 0 auto}
|
||
.dd-item .n{margin-left:auto;font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}
|
||
.dd-item.none{color:var(--muted);font-style:italic}
|
||
.dd-item.zero{opacity:.5}
|
||
.dd-foot{display:flex;gap:6px;justify-content:space-between;border-top:1px solid var(--line);padding-top:6px}
|
||
.dd-foot .btn{height:30px;padding:0 10px;font-size:13.5px}
|
||
.dd-empty{font-size:12.5px;color:var(--muted);padding:6px}
|
||
.dd-sep{border:0;border-top:1px solid var(--line);margin:4px 0}
|
||
/* меню «⋯»: открывается к левому краю, пункты с галочкой — переключатели */
|
||
.dd-menu.menu{right:0;left:auto;min-width:230px;padding:6px}
|
||
.confirm{display:flex;flex-direction:column;gap:6px;padding:6px 10px;font-size:14px}
|
||
.confirm .row{flex-wrap:nowrap}
|
||
.confirm .btn{height:28px;padding:0 10px;width:auto;flex:1 1 0}
|
||
.confirm .btn.yes{background:var(--p-crit);color:var(--color-text-on-primary);border-color:var(--p-crit)}
|
||
|