From ab47a740aedcea0b13b3bb032c19868207d478fa Mon Sep 17 00:00:00 2001 From: Ardis Lu Date: Tue, 1 Nov 2022 20:07:05 -0700 Subject: [PATCH] Add subtle rainbow background on hover --- style.css | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/style.css b/style.css index 6bd898c..67752be 100644 --- a/style.css +++ b/style.css @@ -114,19 +114,19 @@ code:not(.hljs) { 0px 4.3px 4.8px -1.2px hsl(0deg 0% 69% / 0.17), 0px 8.4px 9.5px -1.9px hsl(0deg 0% 69% / 0.17), 0.1px 16px 18px -2.5px hsl(0deg 0% 69% / 0.17); - background: hsl(0deg 0% 90%); + background: hsl(216deg 40% 95% / 0.5); transition: border-color 700ms, background-color 700ms; position: relative; } .card > * { margin: 0; /* Margins for children elements are already handled by gap in .card */ - background: inherit; + background: transparent; } .card:hover, .card:focus-within { - border: solid hsl(216deg 20% 55% / 0.1); - background: hsl(216deg 20% 90%); + border: solid transparent; + background: hsl(216deg 40% 95% / 0.95); transition: border-color 250ms, background-color 250ms; } -- 2.47.3