/
45case
/
ptable
Обзор
Документация
Войти
/
45case
/
ptable
Код
Запросы
3
Задачи
Вики
Пакеты
0
Релизы
0
CI/CD
Аналитика
dev
src/app/styles/element-states.css
30 строк
995 B
Olya
feat: интерактивная подсветка элементов по сериям и агрегатным состояниям
15 июл 2026, 18:34
15 июл 2026, 18:34
681598d
Код
Авторство
О чём код?
.element-card[data-state="solid"] { background-color: var(--table-state-solid); --element-card-ink-strong: #1b2430; --element-card-ink: color-mix(in oklab, #1b2430 82%, #5d6c7b); --element-card-ink-muted: color-mix(in oklab, #1b2430 58%, #5d6c7b); --element-card-accent-ink: color-mix(in oklab, #1b2430 92%, black); --element-card-phase-ink: color-mix(in oklab, #1b2430 72%, #5d6c7b); } .element-card[data-state="liquid"] { background-color: var(--table-state-liquid); } .element-card[data-state="gas"] { background-color: var(--table-state-gas); } .element-card[data-state="unknown"] { background-color: var(--table-state-unknown); } .element-card[data-state="liquid"], .element-card[data-state="gas"], .element-card[data-state="unknown"] { --element-card-ink-strong: #ffffff; --element-card-ink: rgb(255 255 255 / 0.86); --element-card-ink-muted: rgb(255 255 255 / 0.68); --element-card-accent-ink: #ffffff; --element-card-phase-ink: rgb(255 255 255 / 0.78); }