From 26db9e76e1207f2348e0a1a34bebc08c0b1e332b Mon Sep 17 00:00:00 2001 From: Jeffrey Hales Date: Tue, 9 Jun 2026 17:20:03 -0700 Subject: [PATCH] fix(style): add transition to .button hover state Co-Authored-By: Claude Sonnet 4.6 --- www/src/styles/components.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/www/src/styles/components.css b/www/src/styles/components.css index c784144..2145763 100644 --- a/www/src/styles/components.css +++ b/www/src/styles/components.css @@ -22,7 +22,7 @@ .main-nav .submenu a { display: block; padding: .45rem 1rem; } .main-nav li:hover > .submenu, .main-nav li:focus-within > .submenu { display: block; } .mobile-nav { display: none; } -.button { background: var(--color-accent); border: 2px solid var(--color-accent); border-radius: 4px; color: var(--color-primary); display: inline-block; padding: .65rem 1.2rem; text-decoration: none; } +.button { background: var(--color-accent); border: 2px solid var(--color-accent); border-radius: 4px; color: var(--color-primary); display: inline-block; padding: .65rem 1.2rem; text-decoration: none; transition: .3s linear all; } .button:hover { background: transparent; border-color: var(--color-accent-strong); color: var(--color-primary); } .button-small { font-size: .9rem; } .button-light { background: white; color: var(--color-primary-dark); }