/
githubmirror
/
client
Обзор
Документация
Войти
/
githubmirror
/
client
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
master
shared/common-adapters/button.css
56 строк
2 KB
chrisnojima-zoom
Version 670 - clean2 (#29122)
08 июн 2026, 19:31
Не верифицирован
08 июн 2026, 19:31
1943197
Код
Авторство
О чём код?
/* Button hover effects — uses ::after pseudo-element instead of underlay div */ /* Primary hover: darken overlay */ .button--primary::after { content: ''; position: absolute; inset: 0; border-radius: inherit; pointer-events: none; transition: background-color 0.2s ease-out; } .button--primary:not(.button--disabled):hover::after { background-color: var(--color-black_10); } /* Secondary: border + colored hover */ .button--secondary { border: 1px solid var(--color-black_20); transition: border 0.3s ease-out; } .button--secondary::after { content: ''; position: absolute; inset: 0; border-radius: inherit; pointer-events: none; transition: background-color 0.2s ease-out; } /* Secondary border hover by type */ .button--secondary.button--type-Default:not(.button--disabled):hover { border-color: rgba(77, 142, 255, 0.3); } .button--secondary.button--type-Success:not(.button--disabled):hover { border-color: rgba(55, 189, 153, 0.3); } .button--secondary.button--type-Danger:not(.button--disabled):hover { border-color: rgba(255, 77, 97, 0.3); } .button--secondary.button--type-Dim:not(.button--disabled):hover { border-color: rgba(0, 0, 0, 0.3); } /* Secondary background hover by type */ .button--secondary.button--type-Default:not(.button--disabled):hover::after { background-color: rgba(76, 142, 255, 0.05); } .button--secondary.button--type-Success:not(.button--disabled):hover::after { background-color: rgba(55, 189, 153, 0.05); } .button--secondary.button--type-Danger:not(.button--disabled):hover::after { background-color: rgba(255, 77, 97, 0.05); } .button--secondary.button--type-Dim:not(.button--disabled):hover::after { background-color: light-dark(rgba(0, 0, 0, 0.05), rgba(255, 255, 255, 0.05)); }