From d23a7c9b5c70e5a7e57717bcbb4ec9232d73d88e Mon Sep 17 00:00:00 2001 From: Ben Harris Date: Fri, 4 Oct 2024 00:06:49 +0100 Subject: [PATCH] CSS: use "background" shorthand property It's more compact and works just as well. In fact, I think it might work better on browsers that support background-image but not background-size. On such browsers the entire rule will be ignored, which is what I want. If the background image can't appear at precisely the correct size, it shouldn't appear at all. Of course, ideally on a browser that fails to display the background, the title also wouldn't fade out to the left. I wonder if there's a sensible way to achieve that. --- bedstead.css | 4 +--- 1 file changed, 1 insertion(+), 3 deletions(-) diff --git a/bedstead.css b/bedstead.css index c794039..f0c1cce 100644 --- a/bedstead.css +++ b/bedstead.css @@ -32,9 +32,7 @@ h1 { margin-top: 0; margin-bottom: -0.2em; line-height: 1.2em; - background-image: url(titlebg.jpg); - background-repeat: no-repeat; - background-size: auto 100%; + background: url(titlebg.jpg) 0% 0% / auto 100% no-repeat; } .fade { -- 2.30.2