From eb0fadae1628e788b184663297a26c8d54a4ae51 Mon Sep 17 00:00:00 2001 From: Krzysztof Kotowicz Date: Tue, 3 Mar 2020 19:39:19 +0100 Subject: [PATCH] Always use the constructor name instead of Element local names. See #260. --- dist/spec/index.html | 295 ++++++++++--------------------------------- spec/index.bs | 8 +- 2 files changed, 72 insertions(+), 231 deletions(-) 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 @@ } } - + +