diff --git a/dist/spec/index.html b/dist/spec/index.html
index f76455ae..4bb0bb7a 100644
--- a/dist/spec/index.html
+++ b/dist/spec/index.html
@@ -1029,7 +1029,7 @@
}
/* } */
- @supports (display:grid) and (display:contents) {
+ @supports (display:grid) {
/* Use #toc over .toc to override non-@supports rules. */
#toc {
display: grid;
@@ -1167,18 +1167,6 @@
margin-left: auto;
margin-right: auto;
}
- .overlarge {
- /* Magic to create good table positioning:
- "content column" is 50ems wide at max; less on smaller screens.
- Extra space (after ToC + content) is empty on the right.
-
- 1. When table < content column, centers table in column.
- 2. When content < table < available, left-aligns.
- 3. When table > available, fills available + scroll bar.
- */
- display: grid;
- grid-template-columns: minmax(0, 50em);
- }
.overlarge > table {
/* limit preferred width of table */
max-width: 50em;
@@ -1188,6 +1176,7 @@
@media (min-width: 55em) {
.overlarge {
+ margin-left: calc(13px + 26.5rem - 50vw);
margin-right: calc(13px + 26.5rem - 50vw);
max-width: none;
}
@@ -1195,12 +1184,14 @@
@media screen and (min-width: 78em) {
body:not(.toc-inline) .overlarge {
/* 30.5em body padding 50em content area */
+ margin-left: calc(40em - 50vw) !important;
margin-right: calc(40em - 50vw) !important;
}
}
@media screen and (min-width: 90em) {
body:not(.toc-inline) .overlarge {
/* 4em html margin 30.5em body padding 50em content area */
+ margin-left: 0 !important;
margin-right: calc(84.5em - 100vw) !important;
}
}
@@ -1221,8 +1212,9 @@
}
}
-
+
+