/
Gabryelf
/
Icons-Customize-Gen
Обзор
Документация
Войти
/
Gabryelf
/
Icons-Customize-Gen
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
CI/CD
Аналитика
Безопасность
master
css/components/toolbar.css
60 строк
1 KB
Valeev Serj
exp_version_0.0.1-->0.02
17 июл 2026, 00:16
17 июл 2026, 00:16
6c659ac
Код
Авторство
О чём код?
/* css/components/toolbar.css */ .header-actions { display: flex; align-items: center; gap: 8px; } .header-actions button { background: var(--bg-card); border: none; color: var(--text-primary); padding: 7px 16px; border-radius: 40px; cursor: pointer; font-size: 13px; font-weight: 500; transition: var(--transition); display: flex; align-items: center; gap: 6px; border: 1px solid transparent; } .header-actions button:hover { background: var(--accent); color: #fff; border-color: var(--accent); transform: translateY(-1px); box-shadow: 0 4px 20px var(--accent-glow); } .header-actions button:active { transform: scale(0.96); } .header-actions .btn-icon { padding: 7px 10px; font-size: 16px; } /* кнопки на главную --> */ .header-actions .btn-back { background: var(--bg-card); border: none; color: var(--text-primary); padding: 7px 16px; border-radius: 40px; cursor: pointer; font-size: 13px; font-weight: 500; transition: var(--transition); display: flex; align-items: center; gap: 6px; border: 1px solid transparent; } .header-actions .btn-back:hover { background: var(--accent); color: #fff; border-color: var(--accent); transform: translateY(-1px); box-shadow: 0 4px 20px var(--accent-glow); }