in the Web page back to a X-Git-Tag: bedstead-002.008~7 X-Git-Url: https://www.chiark.greenend.org.uk/ucgi/~bjharris/git?a=commitdiff_plain;h=dbf936f949c9797ce95e6b0bb2668447d9a0a0e3;p=bedstead-debian.git Convert the fading

in the Web page back to a HTML doesn't allow

inside

. I found before that using a caused the background not to work. That seems to be down to CSS2 section 10.6.1, describing inline, non-replaced elements: "The height of the content area should be based on the font, but this specification does not specify how." Happily, we can just define this particular to be a block element, so that it behaves like a
even though it's a . That works fine, and because we're only using it to get a well-defined content area it doesn't matter if it's ineffective when the stylesheet is missing. --- diff --git a/bedstead.css b/bedstead.css index 9eb4a24..c794039 100644 --- a/bedstead.css +++ b/bedstead.css @@ -38,6 +38,7 @@ h1 { } .fade { + display: block; -webkit-mask-image: linear-gradient(to right, transparent 1em, white 3em); mask-image: linear-gradient(to right, transparent 1em, white 3em); } diff --git a/index.xhtml b/index.xhtml index bc81c34..4a2c504 100644 --- a/index.xhtml +++ b/index.xhtml @@ -12,7 +12,7 @@ -
Bedstead
+
Bedstead

Bedstead is a family of outline fonts based on the characters produced by the Mullard SAA5050 series of Teletext Character Generators. The