/
nick.sh
/
javascript-apps
Обзор
Документация
Войти
/
nick.sh
/
javascript-apps
Код
Запросы
0
Пакеты
0
Релизы
0
CI/CD
Аналитика
Безопасность
main
to-do-list_app/style.css
111 строк
2 KB
ShaposN
todo-list app
24 янв 2024, 12:39
24 янв 2024, 12:39
1314dd4
Код
Авторство
О чём код?
* { margin: 0; padding: 0; box-sizing: border-box; font-family: "Poppins" sans-serif; } .container { width: 100%; min-height: 100vh; background: linear-gradient(135deg, #153677, #4e085f); padding: 10px; } .todo-app { width: 100%; max-width: 540px; background: #fff; margin: 100px auto 20px; padding: 40px 30px 70px; border-radius: 10px; } .todo-app h2 { color: #002765; display: flex; align-items: center; margin-bottom: 20px; } .todo-app h2 img { width: 30px; margin-left: 10px; } .row { display: flex; align-items: center; justify-content: space-between; background: #edeef0; border-radius: 30px; padding-left: 30px; margin-bottom: 25px; } #input-box { flex: 1; border: none; outline: none; background: transparent; padding: 10px; } button { border: none; outline: none; padding: 16px 50px; background: #ff5945; color: #fff; font-size: 16px; cursor: pointer; border-radius: 40px; } ul li { list-style: none; font-size: 17px; padding: 12px 8px 12px 50px; user-select: none; cursor: pointer; position: relative; } ul li::before { content: ""; position: absolute; height: 28px; width: 28px; border-radius: 50%; background-image: url(./images/unchecked.png); background-size: cover; background-position: center; top: 12px; left: 8px; } ul li.checked { color: #555; text-decoration: line-through; } ul li.checked::before { background-image: url(./images/checked.png); } ul li span { position: absolute; right: 0; top: 5px; width: 40px; height: 40px; font-size: 22px; color: #555; line-height: 40px; text-align: center; border-radius: 50%; } ul li span:hover { background: #edeef0; }