diff options
| author | Joe Carstairs <65492573+Sycamost@users.noreply.github.com> | 2023-08-21 07:50:24 +0100 |
|---|---|---|
| committer | Joe Carstairs <65492573+Sycamost@users.noreply.github.com> | 2023-08-21 07:50:24 +0100 |
| commit | 90088d38f8d84b8ac92553e289cf63e0a95870fb (patch) | |
| tree | 47f5da9d27026b9d9a28b89ec50d5e0c2f8eebfc /public/css/modules/btn.css | |
| parent | b0928b961777f34fe3634a228e39903f4415d4a7 (diff) | |
Better button styling
Diffstat (limited to 'public/css/modules/btn.css')
| -rw-r--r-- | public/css/modules/btn.css | 14 |
1 files changed, 9 insertions, 5 deletions
diff --git a/public/css/modules/btn.css b/public/css/modules/btn.css index 732005b..a444046 100644 --- a/public/css/modules/btn.css +++ b/public/css/modules/btn.css @@ -9,16 +9,20 @@ padding-block: var(--padding-block-sm); background-color: transparent; transition: - background-color 300ms, - text-decoration-color 300ms, - transform 50ms; + background-color 100ms, + font-weight 100ms, + transform 100ms; } -.btn:hover { +.btn:hover, .btn:active { color: var(--text-highlight-color); border-color: var(--background-highlight-color); background-color: var(--background-highlight-color); - text-decoration-color: transparent; + font-weight: 700; + transition: + background-color 300ms, + font-weight 300ms, + transform 300ms; } .btn:active { |