Diff options
| author | Bryce Kwon <bryce@brycekwon.com> | |
|---|---|---|
| committer | Bryce Kwon <bryce@brycekwon.com> | |
| commit | ||
| parent | ||
| tree | ||
| download | ||
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.
| -rw-r--r-- | assets/cgit.css | 39 |
1 file changed, 16 insertions, 23 deletions
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); } |