Mercurial > web

comparison css/style.css @ 84:5914d06f72b4

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
css: tweak styles to make things work on older browsers the other thing was hacky; this is weirder, but makes a tiny bit more sense
author Paper <paper@paper.us.eu.org>
date Wed, 05 Jun 2024 21:02:44 -0400
parents 06fd6ffefb58
children 52d59a351bf5
comparison
equal deleted inserted replaced
83:06fd6ffefb58 84:5914d06f72b4
77 /* fuck off */ 77 /* fuck off */
78 h1, h2 { 78 h1, h2 {
79 margin: 0; 79 margin: 0;
80 } 80 }
81 81
82 /* this uglifies the HTML, but it was already fairly ugly to begin with */
83 .catchall {
84 margin: 0 auto;
85 padding: 1em 1em;
86 }
87
82 /* creates a box to store text or whatever in */ 88 /* creates a box to store text or whatever in */
83 .content { 89 .content {
84 background-color: rgba(0, 0, 0, 0.6); 90 background-color: rgba(0, 0, 0, 0.6);
85 margin-inline: max(1em, 50% - 46.88em/2);
86 91
87 /* essentially equivalent to `margin: auto;` 92 max-width: 750px;
88 * except it has a minimum value of 1em to make it 93
89 * look nice on mobile 94 margin: 0 auto;
90 */ 95 padding: 1em 1em;
91 padding: 1em;
92 } 96 }
93 97
94 /* headers */ 98 /* headers */
95 .header { 99 .header {
96 display: flex; 100 display: flex;