/
task-tracker
/
TaskTracker.UI
Обзор
Документация
Войти
/
task-tracker
/
TaskTracker.UI
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
CI/CD
Аналитика
master
src/styles/_input.scss
61 строка
1 KB
Ametusik
#1
: Архитектура проекта
28 апр 2025, 12:44
28 апр 2025, 12:44
f47df22
Код
Авторство
О чём код?
@use "colors"; .custom-input { display: block; box-sizing: border-box; width: 100%; background: transparent; border-radius: 3px; min-height: 32px; border: 1px solid colors.$default-border-color; &:focus { outline: 1px solid colors.$border-active-color; border: 0; } &.search { background-image: url("/assets/img/icon/search-ico.svg"); object-fit: scale-down; background-size: cover; width: 20px; height: 20px; } &.error { border: 1px solid colors.$border-error-color!important; &:focus { outline: 0; } } } .checkbox { padding: 3px 8px 3px 10px; background-color: transparent; min-height: 24px; cursor: pointer; &:before { content: ' '; background-image: url("/assets/img/icon/checkbox-unchecked-ico.svg"); width: 16px; display: block; position: absolute; height: 20px; background-clip: border-box; background-position: center; background-size: contain; top: calc(50% - 12px); left: 0; background-repeat: no-repeat; padding: 3px 3px; } &.selected { &:before { background-image: url("/assets/img/icon/checkbox-check-ico.svg"); } } }