Let go of font sizes and line heights

It became pretty obvious that my lame attempt at taming these things
with little css failed when I plugged into a different screen

If the browser settings are sane, this should still look readable

Id: 2161e4103bb9822c956848b8642b2f3a70dbd102
Author: Caio
Commit time: 2024-04-30T08:31:49+02:00

Modified caca/theme/base.html

@@ -15,34 +15,11

/* derived from https://ultimatemotherfuckingwebsite.com/ bugs and ugly are mine */
body {
- font: 1.2rem/1.5 sans-serif;
+ font-family: sans-serif;
max-width: 88ch;
padding: 2.5rem 1.75rem;
word-wrap: break-word;
tab-size: 4;
- }
-
- h1,
- h2,
- h3,
- h4,
- h5,
- h6 {
- line-height: 1.2;
- font-family: sans-serif;
- }
-
- h1 {
- font-size: 2.45rem;
- }
-
- a:focus {
- outline: 0.2rem solid;
- outline-offset: 0.4rem;
- }
-
- p {
- margin-bottom: 2rem;
}

section,

@@ -54,7 +31,7
ul,
ol {
margin-top: 0;
- margin-bottom: 2.25rem;
+ margin-bottom: 1.5rem;
}

summary {

@@ -111,26 +88,11

.chunk {
margin-bottom: 1rem;
- /* how can i stop fighting with this shit */
- line-height: 1.4;
- }
-
- .unified {
- border-spacing: 0;
- border-collapse: separate;
- box-sizing: border-box;
- font: 1.2rem/1.275 monospace;
- vertical-align: top;
-
- td {
- padding: 0;
- }
}

.mb1 {
margin-bottom: 1rem;
}
-

.wrap {
white-space: pre-wrap;

Modified caca/theme/www.html

@@ -10,40 +10,17
<meta name="generator" content="caca - https://caio.co/de/caca">
<style>
body {
- font: 1.2rem/1.5 sans-serif;
+ font-family: sans-serif;
max-width: 88ch;
padding: 2.5rem 1.75rem;
word-wrap: break-word;
tab-size: 4;
}

- h1,
- h2,
- h3,
- h4,
- h5,
- h6 {
- line-height: 1.2;
- font-family: sans-serif;
- }
-
- h1 {
- font-size: 2.45rem;
- }
-
- a:focus {
- outline: 0.2rem solid;
- outline-offset: 0.4rem;
- }
-
- p {
- margin-bottom: 2rem;
- }
-
ul,
ol {
margin-top: 0;
- margin-bottom: 2.25rem;
+ margin-bottom: 1.5rem;
}

img {