~javiljoen/yatte

75b62acf13dca1ee71f9bee9a7ada81d2caaa241 — goose-life 10 months ago f29a5f9
Fix scrolling & min width in docs

On narrow screens, <pre> blocks were not getting x-scrollbars,
preventing the body text from reflowing to fit in the viewport.
2 files changed, 6 insertions(+), 6 deletions(-)

M docs/static/style.css
M docs/templates/page.html
M docs/static/style.css => docs/static/style.css +4 -6
@@ 41,19 41,17 @@ main {
  padding-right: 2ch;
}

.measure {
  max-width: 60ch;
}

article {
  margin-bottom: auto;
  padding-top:   2rem;
  max-width:     60ch;
  margin-left:   auto;
  margin-right:  auto;
}

footer {
  margin-top:   2rem;
  max-width:    60ch;
  margin-left:  auto;
  margin-right: auto;
}

section {

M docs/templates/page.html => docs/templates/page.html +2 -0
@@ 21,6 21,7 @@
  </div>

  <main>
    <div class="measure">
{{{  content  }}}

    <footer>


@@ 29,6 30,7 @@
      <p>Site generated using Python and <a href="https://pypi.org/project/chevron/">Chevron</a>
        on {{ date }}.</p>
    </footer>
    </div>
  </main>

</body>