/
Jafar
/
production-project
Обзор
Документация
Войти
/
Jafar
/
production-project
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
master
src/shared/ui/Input/Input.module.scss
53 строки
627 B
jafar
add article list, article item, skeleton and stories
10 янв 2024, 22:59
10 янв 2024, 22:59
7696526
Код
Авторство
О чём код?
.InputWrapper { display: flex; } .placeholder { margin-right: 5px; } .input { background: transparent; border: none; outline: none; width: 100%; color: transparent; text-shadow: 0 0 0 var(--primary-color); &:focus { outline: none; } } .caretWrapper { flex-grow: 1; position: relative; } .caret { height: 3px; width: 9px; background: var(--primary-color); bottom: 0; left: 0; position: absolute; animation: blink 0.7s forwards infinite; } .readonly { opacity: 0.7; } @keyframes blink { 0% { opacity: 0; } 50% { opacity: 0.01; } 100% { opacity: 1; } }