From 907325c755e0d71748cd088e57ba166c10ebbdb9 Mon Sep 17 00:00:00 2001 From: Tom Willemse Date: Mon, 24 Jul 2023 16:12:22 -0700 Subject: [PATCH] Shrink the page's title to a minimum --- src/less/cgit.less | 1 - src/less/include/common.less | 3 ++- src/less/include/components.less | 19 +------------------ src/less/main.less | 1 - 4 files changed, 3 insertions(+), 21 deletions(-) diff --git a/src/less/cgit.less b/src/less/cgit.less index 25b9f67..c8113b3 100644 --- a/src/less/cgit.less +++ b/src/less/cgit.less @@ -150,7 +150,6 @@ a.button { padding: 0; form { - &:extend(.header-block); text-align: right; padding: 0 1rem; } diff --git a/src/less/include/common.less b/src/less/include/common.less index f9619d8..f2fe9cb 100644 --- a/src/less/include/common.less +++ b/src/less/include/common.less @@ -2,7 +2,7 @@ html { max-width: 70ch; - padding: 3em 1em; + padding: 0.2em 1em; margin: auto; line-height: 1.75; font-size: 1.25em; @@ -43,6 +43,7 @@ blockquote { body { border: 0; font-family: "PT Sans", "Liberation Sans", "DejaVu Sans", "Tahoma", "Verdana", "Arial", sans-serif; + margin-top: 0; @media (prefers-color-scheme: dark) { background-color: @dark-background; diff --git a/src/less/include/components.less b/src/less/include/components.less index 4a349b6..3fbdda9 100644 --- a/src/less/include/components.less +++ b/src/less/include/components.less @@ -78,25 +78,8 @@ pre.src { } } -.header-block { - box-sizing: border-box; - - @media (prefers-color-scheme: dark) { - color: @dark-primary; - background-color: @dark-background-highlight; - } - - @media (prefers-color-scheme: light) { - color: @light-primary; - background-color: @light-background-highlight; - } -} - .title-header { - &:extend(.header-block); - - padding: 20px; text-align: center; margin: 0; - font-size: 2.5rem; + font-size: 1rem; } diff --git a/src/less/main.less b/src/less/main.less index 03c804f..cf5ac47 100644 --- a/src/less/main.less +++ b/src/less/main.less @@ -24,7 +24,6 @@ img.book-cover { } #org-div-home-and-up { - &:extend(.header-block); &:extend(.content-wrapper); text-align: right;