From b40ee2ff92a6b69ecbbe411fa572880377a9658d Mon Sep 17 00:00:00 2001
From: Bryce Kwon <bryce@brycekwon.com>
Date: Thu, 29 Oct 2026 13:31:05 -1000
Subject: Write sizes and spacing one way

Font sizes mixed percentages with ems, several paddings and margins
spelt out four values where fewer said the same, the blob and blame
tables set their position in a rule of their own, and the odd rows
repeated the base row background.
---
 assets/cgit.css | 39 ++++++++++++++++-----------------------
 1 file changed, 16 insertions(+), 23 deletions(-)

(limited to 'assets')

diff --git a/assets/cgit.css b/assets/cgit.css
index a3dd9c1..7b2d986 100644
--- a/assets/cgit.css
+++ b/assets/cgit.css
@@ -202,7 +202,7 @@ div#cgit #header h1.main {
   grid-area: heading;
   margin: 0 -3px;
   padding: 0 3px;
-  font-size: 250%;
+  font-size: 2.5em;
   font-weight: normal;
   white-space: nowrap;
   min-width: 0;
@@ -350,7 +350,7 @@ div#cgit .content {
 div#cgit .footer {
   padding: 0.85rem var(--gutter);
   text-align: center;
-  font-size: 85%;
+  font-size: 0.85em;
   color: var(--footer-fg);
 }
 
@@ -387,14 +387,14 @@ div#cgit .right {
 }
 
 div#cgit a.button {
-  font-size: 90%;
+  font-size: 0.9em;
   padding: 0 0.5em;
 }
 
 div#cgit nav.pager ul {
   list-style-type: none;
   text-align: center;
-  margin: 1em 0 0 0;
+  margin: 1em 0 0;
   padding: 0;
 }
 
@@ -492,7 +492,7 @@ div#cgit div.commit-subject a.tag-deco,
 div#cgit div.commit-subject a.tag-annotated-deco,
 div#cgit div.commit-subject a.remote-deco,
 div#cgit div.commit-subject a.deco {
-  font-size: 80%;
+  font-size: 0.8em;
 }
 
 div#cgit div.commit-subject span.decoration {
@@ -512,10 +512,6 @@ div#cgit table.list tr:nth-child(even) {
   background: var(--surface-2);
 }
 
-div#cgit table.list tr:nth-child(odd) {
-  background: var(--bg);
-}
-
 div#cgit table.list tr.nohover {
   background: var(--bg);
 }
@@ -544,13 +540,13 @@ div#cgit table.list tbody + tbody > tr:first-child > th {
 
 div#cgit table.list th {
   font-weight: bold;
-  padding: 0.35em 0.6em 0.3em 0.6em;
+  padding: 0.35em 0.6em 0.3em;
   vertical-align: baseline;
 }
 
 div#cgit table.list td {
   border: none;
-  padding: 0.3em 0.6em 0.3em 0.6em;
+  padding: 0.3em 0.6em;
 }
 
 div#cgit table.list td.col-author,
@@ -799,6 +795,7 @@ div#cgit .markdown th {
 }
 
 div#cgit table.blob {
+  position: relative;
   margin-top: 0.5em;
   border-top: solid 1px var(--border-mid);
   display: block;
@@ -814,7 +811,7 @@ div#cgit table.blob td.lines {
 }
 
 div#cgit table.blob td.linenumbers {
-  padding: 0 0.5em 0 0.5em;
+  padding: 0 0.5em;
   vertical-align: top;
   text-align: right;
   border-right: solid 1px var(--border-mid);
@@ -858,11 +855,6 @@ div#cgit table.blame td.linenumbers a:target {
   color: var(--fg);
 }
 
-div#cgit table.blob,
-div#cgit table.blame {
-  position: relative;
-}
-
 div#cgit div.line-hl {
   position: absolute;
   left: 0;
@@ -896,6 +888,7 @@ div#cgit .hl-func {
 }
 
 div#cgit table.blame {
+  position: relative;
   display: block;
   min-width: 100%;
   max-width: 100%;
@@ -910,7 +903,7 @@ div#cgit table.blame td.linenumbers {
 
 div#cgit table.blame td.hashes div.alt,
 div#cgit table.blame td.lines div.alt {
-  padding: 0 0.5em 0 0.5em;
+  padding: 0 0.5em;
 }
 
 div#cgit table.blame td.linenumbers div.alt {
@@ -936,7 +929,7 @@ div#cgit table.blame td.lines > div > pre {
 }
 
 div#cgit table.blame .oid {
-  font-size: 100%;
+  font-size: 1em;
 }
 
 div#cgit table.bin-blob {
@@ -985,8 +978,8 @@ div#cgit table.commit-info div.spanning {
 
 div#cgit div.commit-subject {
   font-weight: bold;
-  font-size: 125%;
-  margin: 1.5em 0 0.5em 0;
+  font-size: 1.25em;
+  margin: 1.5em 0 0.5em;
   padding: 0;
   overflow-wrap: anywhere;
 }
@@ -1182,10 +1175,10 @@ div#cgit table.ssdiff {
 }
 
 div#cgit table.ssdiff td {
-  font-size: 85%;
+  font-size: 0.85em;
   font-family: var(--font-mono);
   white-space: pre;
-  padding: 1px 4px 1px 4px;
+  padding: 1px 4px;
   border-left: solid 1px var(--border-mid);
   border-right: solid 1px var(--border-mid);
 }
-- 
cgit