From 72aba391e1002fa1c85ad798aeba7a050e728240 Mon Sep 17 00:00:00 2001 From: Domenic Denicola Date: Thu, 8 Jun 2017 18:47:31 -0400 Subject: [PATCH 01/14] Meta: changes to support a revamped developer's edition This introduces a developers stylesheet derived from https://github.com/benschwarz/developers.whatwg.org/tree/97ff943a8f5b8fe38f78e224b4b44b472ccefb57/sass, including the web font. It also updates the source document slightly to make the generated output work better for the dev edition. --- dev/mplus-2p-heavy.woff | Bin 0 -> 24936 bytes dev/styles.css | 473 ++++++++++++++++++++++++++++++++++++++++ source | 10 +- 3 files changed, 478 insertions(+), 5 deletions(-) create mode 100644 dev/mplus-2p-heavy.woff create mode 100644 dev/styles.css diff --git a/dev/mplus-2p-heavy.woff b/dev/mplus-2p-heavy.woff new file mode 100644 index 0000000000000000000000000000000000000000..9f589f488878e81d17ad6bf9f3888a3f5997876d GIT binary patch literal 24936 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 B3uOQR literal 0 HcmV?d00001 diff --git a/dev/styles.css b/dev/styles.css new file mode 100644 index 00000000000..eb4d7dc69dc --- /dev/null +++ b/dev/styles.css @@ -0,0 +1,473 @@ +@font-face { + font-family: "M+2pheavy"; + src: url("mplus-2p-heavy.woff"); + font-weight: bold; + font-style: normal; +} + +/* GENERAL ELEMENTS */ + +/* Resets */ +body, h1, h2, h3, h4, h5, h6, p, a, ul, ol, dl, dt, dd, table, caption, th, td, fieldset, legend, blockquote { + font-weight: normal; + margin: 0; + padding: 0; + color: inherit; + box-sizing: border-box; +} + +a img, form, legend { + border: 0; +} + +fieldset, abbr { + border: none; +} + +/* Basics */ + +body { + font-size: 14px; + line-height: 1.45em; + font-family: "Droid Serif", Georgia, serif; + color: #222; + width: 760px; + margin: 4em auto; + padding: 0 1em; +} + +/* Headings */ + +h1 { + font-size: 300%; +} + +h2:not(#dev-edition-h2) { + font-size: 160%; + text-transform: uppercase; + letter-spacing: 0.2em; + line-height: 1.5em; + font-family: "M+2pheavy", "Helvetica Neue", Arial, Helvetica, sans-serif; + margin: 2em 0; +} + +h2 .secno { + position: absolute; + display: block; + left: -1.5em; + text-align: right; +} + +h3 .secno, h4 .secno, h5 .secno, h6 .secno { + display: none; +} + +h3 { + font-size: 140%; +} + +h4, h5 { + font-size: 120%; +} + +h6 { + font-size: 100%; +} + +h5, h6 { + font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; +} + +h2, h3, h4, h5, h6 { + position: relative; +} + +h3, h4, h5, h6 { + margin: 3em 0 1em 0; +} + +h4, h5, h6 { + color: #450b09; +} + +h4, h6 { + font-weight: bold; +} + +/* Self-links */ + +a.self-link { + position: absolute; + top: 0; + left: -2.5em; + width: 2em; + height: 2em; + text-align: center; + border: none; + transition: opacity 0.2s; + opacity: 0.5; + text-decoration: none; +} +a.self-link:hover { + opacity: 1; + text-decoration: none; +} + +h2 > a.self-link, h3 > a.self-link, h4 > a.self-link, h5 > a.self-link, h6 > a.self-link { + font-size: 83%; + color: inherit; +} + +a.self-link::before { + content: "¶"; +} + +h2 > a.self-link::before, h3 > a.self-link::before, h4 > a.self-link::before, h5 > a.self-link::before, h6 > a.self-link::before { + content: "§"; +} + + +/* Links */ + +a:link { + color: #0773ca; + text-decoration: none; + border-bottom: 1px solid #aaa; +} + +a:visited { + color: #033b68; + border-bottom: 1px solid #ccc; +} + +a:hover { + color: #000; + border-bottom: 1px solid #000; +} + +a:active { + color: #CC211B; + border-bottom: none; +} + +/* Paragraphs and lists */ + +p { + line-height: 1.7em; + width: 520px; +} + +p, ul, ol, dl { + margin-bottom: 1em; +} + +hr { + display: block; + background: none; + border: none; + padding: 0; + margin: 3em 0; + height: auto; +} + +ul li ul { + margin: 0; +} + +li li { + margin-left: 1.2em; +} + +dt { + font-weight: bold; +} + +dd { + margin-bottom: 0.5em; +} + +ul.domTree li { + margin-bottom: 0; + list-style: none; +} + +/* Tables */ + +table { + border: 0; +} + +table th, table td { + border: 0; + border-bottom: 1px solid #acc; + padding: 4px; + vertical-align: top; +} + +table th li, table td li { + margin: 0 0 0 1.5em; +} + +table caption, table th { + text-align: left; + color: #450b09; +} + +table th { + font-weight: bold; +} + +table td { + vertical-align: top; + padding: 0.25em 1.25em 0.25em 0em; +} + +table tr, table tbody { + border: 0px; +} + +/* Code */ + +code, pre { + font-family: "DejaVu Sans Mono", Inconsolata, Consolas, "Lucida Console", monospace; + display: inline-block; + font-style: normal; +} + +pre { + display: block; + padding: 0.25em 0.3em; + margin: 1em 0em 1em -2.6em; + border: 1px solid #eee; + white-space: pre-wrap; +} + +/* Variables */ + +var sub { + vertical-align: bottom; + font-size: smaller; + top: 0.1em; +} + +var > var::before { + content: "⟨"; + font-style: normal; +} + +var > var::after { + content: "⟩"; + font-style: normal; +} + + +/* TODO: Wattsi should omit these */ +pre.idl { + display: none; +} + +/* SPECIFIC ELEMENTS */ +/* Header */ + +header#head { + position: relative; +} + +header#head h1 { + line-height: 1em; + font-family: "M+2pheavy", "Helvetica Neue", Arial, Helvetica, sans-serif; + font-weight: bold; + color: black; +} + +header#head a:link, header.head a:visited { + border-bottom: 0; +} + +header#head a { + color: black; +} + +header#head h1 a:hover { + text-shadow: 0 0 5px rgba(0, 0, 0, 0.6); +} + +header#head h2 { + font-size: 12px; + margin-bottom: 0.5em; + font-family: "Droid Serif", Georgia, serif; + font-style: italic; + font-weight: normal; + color: #555; +} + +header#head .logo { + position: absolute; + left: -120px; + top: -20px; +} + +/* Nav and table of contents */ + +body > nav { + margin: 2em 0; +} + +/* TODO: Wattsi should omit these */ +h2#contents, ol.brief.toc { + display: none; +} + +ol.toc a:link { + border-bottom: 1px solid #bbb; +} + +ol.toc a:visited { + border-bottom: 1px solid #eee; +} + +ol.toc a:hover { + color: #000; + border-bottom: 1px solid #000; +} + +ol.toc li { + list-style: none; +} + +ol.toc .secno { + color: #888888; +} + +/* + TODO we distinguish between index and not by h2 + .toc vs. nav + .toc on index, which is silly. + Instead we should get a dedicated class for the index file, and also Wattsi should omit the + things we are `display: none`ing. +*/ + +h2 + ol.toc li { + position: relative; +} + +h2 + ol.toc li .secno { + position: absolute; + left: -1.5em; +} + +h2 + ol.toc li li { + margin-left: 1.4em; +} + +h2 + ol.toc li li .secno { + left: -1.4em; +} + +h2 + ol.toc li li a { + margin-left: 1em; +} + +h2 + ol.toc li ol ol { + display: none; +} + +nav + .toc li { + margin-bottom: 0.2em; +} +nav + .toc ol { + margin: 0; +} + +/* + Typographic conventions + (http://developers.whatwg.org/introduction.html#typographic-conventions) +*/ +.note, .example, .XXX, .warning, pre { + width: 580px; +} + +.note { + padding: 3px; + background-color: #eee; +} + +.note pre { + background-color: #fff; +} + +.example { + color: #555; + font-style: italic; +} + +.XXX { + background-color: #fceaea; + padding: 0.5em; +} + +.warning { + background-color: #f6bfbd; + border: 1px solid #CC211B; + padding: 0.5em; +} + +.css::before { + content: "CSS:"; + color: #888888; + font-size: 1em; + display: block; + background: transparent; +} + +/* + TODO: things to possibly restore? + - "Up next" box + - Search + - Footer + - "In this section" expando for the header TOC on non-index pages + - Reference wrapper (i.e. references pulled out into the sidebar) +*/ + +@media screen and (max-width: 767px) { + body { + font-size: 110%; + line-height: 1.6em; + max-width: 580px; + margin: 1em auto; + padding: 0 2em; + } + + header#head { + text-align: center; + } + + header#head .logo { + width: 60px; + position: static; + left: 0; + } + + img { + max-width: 100%; + height: auto; + } + + h2:not(#dev-edition-h2) { + font-size: 18px; + } + + .note, .example, .XXX, .warning, pre { + width: 560px; + } + + pre { + margin-left: -0.6em; + word-wrap: break-word; + } + + /* Don't position self-link in headings off-screen */ + h2 > a.self-link, h3 > a.self-link, h4 > a.self-link, h5 > a.self-link, h6 > a.self-link { + left: auto; + top: auto; + margin-left: 0.5em; + } +} diff --git a/source b/source index 8f5faa6d09f..7f9752a80da 100644 --- a/source +++ b/source @@ -28,6 +28,7 @@ HTML Standard + -