/
guselnikov
/
inst
Обзор
Документация
Войти
/
guselnikov
/
inst
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
CI/CD
Аналитика
Безопасность
master
admin/src/components/ui/Button.module.css
91 строка
1 KB
Viktor Guselnikov
first_commit
07 июл 2026, 11:54
07 июл 2026, 11:54
098126a
Код
Авторство
О чём код?
.button { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 42px; padding: 0 20px; border: none; border-radius: var(--radius-sm); font-size: 14px; font-weight: 600; letter-spacing: -0.01em; cursor: pointer; transition: background var(--transition), color var(--transition), box-shadow var(--transition), transform 120ms var(--ease), opacity var(--transition); } .button:active:not(:disabled) { transform: scale(0.98); } .button:disabled { opacity: 0.4; cursor: not-allowed; } .primary { background: var(--accent); color: var(--accent-text); box-shadow: var(--shadow-xs); } .primary:hover:not(:disabled) { background: var(--accent-hover); box-shadow: var(--shadow-sm); } .secondary { background: var(--bg-muted); color: var(--text-primary); box-shadow: var(--shadow-inset); } .secondary:hover:not(:disabled) { background: var(--bg-elevated); } .ghost { background: transparent; color: var(--text-secondary); padding: 0 14px; } .ghost:hover:not(:disabled) { color: var(--text-primary); background: var(--bg-hover); } .danger { background: var(--danger-soft); color: var(--danger); } .danger:hover:not(:disabled) { background: rgba(224, 122, 122, 0.18); } .sm { min-height: 34px; padding: 0 14px; font-size: 13px; font-weight: 500; } .full { width: 100%; } .spinner { animation: spin 0.7s linear infinite; } @keyframes spin { to { transform: rotate(360deg); } }