1
0
Fork 0
mirror of https://git.sr.ht/~seirdy/seirdy.one synced 2024-11-10 00:12:09 +00:00

CSS: don't color <summary> border

I don't think it's necessary. One less declaration.
This commit is contained in:
Rohan Kumar 2022-06-11 13:00:48 -07:00
parent 9ea5ad0de9
commit 207f1b4df1
No known key found for this signature in database
GPG key ID: 1E892DB2A5F84479

View file

@ -83,10 +83,6 @@ html {
} }
summary { summary {
/* The tappable region of a <summary> extends across the page.
* we need to tell users that the full space is interactive.
* Use a border for that. */
border: 1px solid #999;
/* It's not obvious that a <summary> has button semantics. /* It's not obvious that a <summary> has button semantics.
* "cursor: pointer" is used on MDN, web.dev, GitHub, gov.uk, and * "cursor: pointer" is used on MDN, web.dev, GitHub, gov.uk, and
* others so it's not "novel" and won't surprise users. */ * others so it's not "novel" and won't surprise users. */
@ -317,10 +313,13 @@ pre {
/* Distinguish images from the background in case their color is /* Distinguish images from the background in case their color is
* too similar to the page background color. Also put a border around * too similar to the page background color. Also put a border around
* <pre> and <code> to distinguish them in ways besides font-family. * <pre> and <code> to distinguish them in ways besides font-family.
* The tappable region of a <summary> extends across the page: we
* need to tell users that the full space is interactive.
* This is Technique C25 of SC 1.4.8 */ * This is Technique C25 of SC 1.4.8 */
input, input,
img, img,
pre { pre,
summary {
border: 1px solid; border: 1px solid;
} }