From 7eee4a86d83a5c5df82b21f5365aec69fbd60c39 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?S=C3=B6ren=20Weber?= Date: Sun, 27 Feb 2022 09:53:33 +0100 Subject: [PATCH] theme: make chapter a marker instead of a nested div #210 this makes styling easier as document has the same DOM for chapter and default --- layouts/404.html | 18 ++++++++---------- layouts/partials/footer.html | 3 --- layouts/partials/header.html | 5 +---- static/css/print.css | 2 +- static/css/theme.css | 26 ++++++++++---------------- 5 files changed, 20 insertions(+), 34 deletions(-) diff --git a/layouts/404.html b/layouts/404.html index 2b9b5a714b..1a01b36626 100644 --- a/layouts/404.html +++ b/layouts/404.html @@ -25,16 +25,14 @@
-
-
-

{{ T "title-404" }}

-

-

{{ T "message-404" }}

-

-

{{ T "Go-to-homepage" }}

-

Page not found!

-
-
+
+

{{ T "title-404" }}

+

+

{{ T "message-404" }}

+

+

{{ T "Go-to-homepage" }}

+

Page not found!

+
diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html index 27adced120..2e0226863f 100644 --- a/layouts/partials/footer.html +++ b/layouts/partials/footer.html @@ -4,9 +4,6 @@ {{- end }} - {{- if .Params.chapter }} - - {{- end }} {{- partial "custom-comments.html" . }} diff --git a/layouts/partials/header.html b/layouts/partials/header.html index 1b98ed1163..3b8df92e39 100644 --- a/layouts/partials/header.html +++ b/layouts/partials/header.html @@ -98,10 +98,7 @@ {{- partial "toc.html" . }} {{- end }} - {{- if .Params.chapter }} -
- {{- end }} -
+
{{- partial "tags.html" . }}
diff --git a/static/css/print.css b/static/css/print.css index 9f461e9bb3..811457734d 100644 --- a/static/css/print.css +++ b/static/css/print.css @@ -73,7 +73,7 @@ pre { hr{ border-bottom: 1px solid #ddd; } -#chapter h1 { +#body-inner.chapter h1 { border-bottom: 1px solid #ddd; } .footline { diff --git a/static/css/theme.css b/static/css/theme.css index 84d08669cf..db5e01a2c6 100644 --- a/static/css/theme.css +++ b/static/css/theme.css @@ -52,16 +52,16 @@ body { line-height: 1.574; } -body #chapter h1 { +body #body-inner.chapter h1 { font-size: 3.5rem; } @media only all and (min-width: 48em) and (max-width: 59.938em) { - body #chapter h1 { + body #body-inner.chapter h1 { font-size: 3rem; } } @media only all and (max-width: 47.938em) { - body #chapter h1 { + body #body-inner.chapter h1 { font-size: 2rem; } } @@ -392,29 +392,23 @@ th { } } -#chapter { - align-items: center; - display: flex; - height: 100%; - justify-content: center; - padding: 2rem 0; +#body-inner.chapter { + margin-left: auto; + margin-right: auto; + padding: 2rem 9rem; } -#chapter #body-inner { - max-width: 80%; -} - -#chapter #body-inner h3:first-of-type { +#body-inner.chapter h3:first-of-type { font-weight: 200; text-align: center; } -#chapter h1 { +#body-inner.chapter h1 { border-bottom: 4px solid rgba( 134, 134, 134, .125 ); font-size: 5rem; } -#chapter p { +#body-inner.chapter p { font-size: 1.2rem; text-align: justify; }