/
Rics
/
JobReady
Обзор
Документация
Войти
/
Rics
/
JobReady
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
CI/CD
Аналитика
Безопасность
master
Front/src/shared/components/Checkbox/checkbox.module.scss
60 строк
1009 B
Rics
add app
16 сен 2025, 16:56
16 сен 2025, 16:56
75981cd
Код
Авторство
О чём код?
.checkbox { display: flex; align-items: center; gap: 8px; cursor: pointer; input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } span { position: relative; padding-left: 28px; cursor: pointer; } span::before { content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 20px; height: 20px; border-radius: 4px; background: rgba(254, 254, 254, 0.3); border: 1px solid rgba(254, 254, 254, 0.6); box-sizing: border-box; } span::after { content: ""; position: absolute; left: 7px; bottom: 4px; width: 6px; height: 11px; border: solid var(--white); border-width: 0 2px 2px 0; transform: rotate(45deg); opacity: 0; transition: opacity 0.2s ease; } input:checked + span::before { background: rgba(254, 254, 254, 0.3); } input:checked + span::after { opacity: 1; } a { color: #4e80ff; } }