From: Ben Harris <bjh21@bjh21.me.uk>
Date: Thu, 3 Oct 2024 23:06:49 +0000 (+0100)
Subject: CSS: use "background" shorthand property
X-Git-Tag: bedstead-002.008~3
X-Git-Url: https://www.chiark.greenend.org.uk/ucgi/~bjharris/git?a=commitdiff_plain;h=d23a7c9b5c70e5a7e57717bcbb4ec9232d73d88e;p=bedstead-debian.git

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.
---

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 {