/
TestEntry
/
mt-app
Обзор
Документация
Войти
/
TestEntry
/
mt-app
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
CI/CD
Аналитика
Безопасность
master
projects/ui-kit/src/lib/input/mt-kit-input.component.scss
65 строк
1 KB
PontiyPirat
feat(theme): centralize palette in mt-kit-settings and wire CSS vars
02 май 2026, 22:47
02 май 2026, 22:47
00c990e
Код
Авторство
О чём код?
:host { display: block; font-family: var(--mt-kit-font, inherit); } .mt-kit-input__root { display: flex; flex-direction: column; gap: 0.35rem; } .mt-kit-input__label { font-size: 0.875rem; font-weight: 500; color: var(--mt-kit-text, inherit); } .mt-kit-input__root--disabled .mt-kit-input__label { opacity: 0.6; } .mt-kit-input__control { box-sizing: border-box; width: 100%; padding: 0.65rem 0.85rem; font: inherit; font-family: var(--mt-kit-font, inherit); color: var(--mt-kit-text, inherit); background: var(--mt-kit-input-bg); border: 1px solid var(--mt-kit-border, var(--mt-kit-input-border-fallback)); border-radius: var(--mt-kit-radius, 8px); box-shadow: none; } .mt-kit-input__control:focus { outline: 2px solid var(--mt-kit-focus-ring); outline-offset: 1px; } .mt-kit-input__control:disabled { opacity: 0.65; cursor: not-allowed; } .mt-kit-input__control::placeholder { color: var(--mt-kit-muted, var(--mt-kit-muted-fallback)); } .mt-kit-input__control--textarea { min-height: 5rem; resize: vertical; line-height: 1.35; } html[data-mt-kit-theme='windows95'] .mt-kit-input__control { border-radius: 0; border-width: 2px; border-style: solid; border-color: var(--mt-kit-win95-border-dark) var(--mt-kit-win95-border-light) var(--mt-kit-win95-border-light) var(--mt-kit-win95-border-dark); } html[data-mt-kit-theme='windows95'] .mt-kit-input__control:focus { outline-color: var(--mt-kit-focus-ring); }