/
jonca3d
/
CourseOnReac
Обзор
Документация
Войти
/
jonca3d
/
CourseOnReac
Код
Запросы
0
Задачи
Пакеты
0
Релизы
0
Аналитика
Безопасность
master
src/components/ContactForm/contactForm.module.css
61 строка
1 KB
Evgeniy
Модальное окно
23 сен 2024, 14:31
23 сен 2024, 14:31
cb05b58
Код
Авторство
О чём код?
.modal { position: absolute; display: block; padding: 48px; line-height: 1.8; width: 70%; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.2); background: white; color: #34495E; } .contact-form { text-transform: uppercase; } .contact-form div { display: flex; align-items: center; } .contact-form label { display: block; margin-right: 2rem; min-width: 110px; } .contact-form input { border: none; outline: none; border-bottom: 1px solid #34495E; } .contact-form button { border: 2px solid #34495E; padding: 0.5rem 1rem; background: none; color: #34495E; font-weight: 600; font-size: 1rem; } .contact-form button:hover { background: var(--main-font-color); color: var(--gb-color); } .message textarea { border: none; outline: none; border-bottom: 1px solid #34495E; background-color: rgb(251, 255, 241); margin: 1rem 0; } .close-btn { display: flex; justify-content: flex-end; }