fmaury/seirdy.one
1
0
Fork 0
mirror of https://git.sr.ht/~seirdy/seirdy.one synced 2024-11-23 21:02:09 +00:00
Code Issues Projects Releases Wiki Activity

CSS: don't color <summary> border

Browse source 
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
1 changed files with 4 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
assets/css/main.css
View file

@ -83,10 +83,6 @@ html {
}
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.
* "cursor: pointer" is used on MDN, web.dev, GitHub, gov.uk, and
* 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
* too similar to the page background color. Also put a border around
* <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 */
input,
img,
pre {
pre,
summary {
border: 1px solid;
}