From 06644493efb6ad855d47df9248c008ae439318e9 Mon Sep 17 00:00:00 2001 From: Jeremy Dormitzer Date: Wed, 12 Jun 2019 23:21:47 -0400 Subject: [PATCH] Add responsive layout --- src/stylesheet.css.pp | 16 ++++++++++++++++ src/template.html.p | 2 +- 2 files changed, 17 insertions(+), 1 deletion(-) diff --git a/src/stylesheet.css.pp b/src/stylesheet.css.pp index 0ffdf71..254e1ea 100644 --- a/src/stylesheet.css.pp +++ b/src/stylesheet.css.pp @@ -100,6 +100,7 @@ pre > code.hljs { margin-top: ◊|navbar-height|px; grid-column: 5 / 10; hyphens: auto; + max-width: 100%; } ul.navigation { @@ -138,3 +139,18 @@ div.divider { margin-bottom: 2em; border-top: 1px solid ◊|divider-color|; } + +@media screen and (max-width: 720px) { + .content { + grid-column: 2 / 12; + } + + .float-left { + float: none; + margin-right: auto; + } + + ul, ol { + margin: 0 0 1.5em 1em; + } +} diff --git a/src/template.html.p b/src/template.html.p index 5e856c3..a901822 100644 --- a/src/template.html.p +++ b/src/template.html.p @@ -3,7 +3,7 @@ (select 'h1 doc) "Jeremy Dormitzer")) - + ◊|the-title|