From 90088d38f8d84b8ac92553e289cf63e0a95870fb Mon Sep 17 00:00:00 2001 From: Joe Carstairs <65492573+Sycamost@users.noreply.github.com> Date: Mon, 21 Aug 2023 07:50:24 +0100 Subject: Better button styling --- public/css/modules/btn.css | 14 +++++++++----- 1 file changed, 9 insertions(+), 5 deletions(-) (limited to 'public/css/modules/btn.css') 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 { -- cgit v1.2.3