Add support for <dl class="props">

This makes declaring struct instances (in the sense of https://infra.spec.whatwg.org/#structs) much easier.
whatwg · May 1, 2022 · 9d91e6a · 9d91e6a
1 parent 4e03c7a
commit 9d91e6a
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git a/resources.whatwg.org/standard-service-worker.js b/resources.whatwg.org/standard-service-worker.js
@@ -8,7 +8,7 @@
 
 const standardShortname = location.host.split(".")[0];
 
-const cacheKey = "v7";
+const cacheKey = "v8";
 const toCache = [
   location.origin + "/",
   "https://resources.whatwg.org/spec.css",

diff --git a/resources.whatwg.org/standard.css b/resources.whatwg.org/standard.css
@@ -171,10 +171,17 @@ dl.switch { padding-left: 2em; }
 dl.switch > dt { text-indent: -1.5em; }
 dl.switch > dt > * { text-indent: 0; }
 dl.switch > dt:before { content: '\21AA'; padding: 0 0.5em 0 0; display: inline-block; width: 1em; text-align: right; line-height: 0.5em; }
+
 dl.triple { padding: 0 0 0 1em; }
 dl.triple dt, dl.triple dd { margin: 0; display: inline }
 dl.triple dt:after { content: ':'; }
 dl.triple dd:after { content: '\A'; white-space: pre; }
+
+dl.props { display: grid; grid-template-columns: max-content auto; row-gap: 0.25em; column-gap: 1em; }
+dl.props > dt { grid-column-start: 1; margin: 0; }
+dl.props > dd { grid-column-start: 2; margin: 0; }
+p + dl.props { margin-top: -0.5em; }
+
 tr.rare { background: #F7F7F7; color: #333333; }
 
 /*