/
valslava
/
react-practice_project
Обзор
Документация
Войти
/
valslava
/
react-practice_project
Код
Запросы
0
Пакеты
0
Релизы
0
CI/CD
Аналитика
Безопасность
main
src/components/Navigation/Drawer/Drawer.css
42 строки
703 B
valslava2
first commit
02 мар 2024, 23:41
02 мар 2024, 23:41
fb70c85
Код
Авторство
О чём код?
.Drawer { position: fixed; left: 0; top: 0; bottom: 0; width: 80%; max-width: 300px; padding: 20px 10px; box-sizing: border-box; background: #fff; z-index: 90; transform: translateX(0px); transition: transform .22s ease-in; } .Drawer.close { transform: translateX(-300px); } .Drawer ul { list-style-type: none; margin: 0; padding: 0; } .Drawer ul li{ margin-bottom: 15px; } .Drawer ul li a { color: #363d54; font-size: 30px; text-decoration: none; background-color: #fff; position: relative; padding: 0 20px 10px 20px; transition: opacity .3s; } .Drawer ul li a:hover, .active { opacity: .7; }