Mercurial > web

comparison css/style.css @ 99:e83a48ef3bf4

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
cheese: make the style much more mobile-friendly
author Paper <paper@tflc.us>
date Fri, 27 Dec 2024 17:06:48 -0500
parents caa6f0e136c8
children c6457452675f
comparison
equal deleted inserted replaced
98:caa6f0e136c8 99:e83a48ef3bf4
75 .drop-shadow-box { 75 .drop-shadow-box {
76 box-shadow: 0.125em 0.125em 0.625em rgba(0, 0, 0, 0.5); 76 box-shadow: 0.125em 0.125em 0.625em rgba(0, 0, 0, 0.5);
77 } 77 }
78 78
79 /* fuck off */ 79 /* fuck off */
80 h1, h2 { 80 h1, h2, h3, h4, h5, h6 {
81 margin: 0; 81 margin: 0;
82 } 82 }
83 83
84 /* this uglifies the HTML, but it was already fairly ugly to begin with */ 84 /* this uglifies the HTML, but it was already fairly ugly to begin with */
85 .catchall { 85 .catchall {
170 } 170 }
171 171
172 .cheese-list { 172 .cheese-list {
173 display: flex; 173 display: flex;
174 174
175 column-gap: 0.5em;
176 row-gap: 0.5em;
175 flex-wrap: wrap; 177 flex-wrap: wrap;
176 justify-content: center; 178
177 179 justify-content: center;
178 row-gap: 0.5em; 180 align-items: center;
179 column-gap: 0.5em; 181
182 width: 100%;
180 } 183 }
181 184
182 .cheese-image { 185 .cheese-image {
186 /* should be a safe value */
187 min-height: 100px;
188 height: 33vh;
183 display: block; 189 display: block;
184 190 object-fit: contain;
185 height: 35vh;
186 width: auto;
187 } 191 }
188 192
189 .plugs-list { 193 .plugs-list {
190 display: flex; 194 display: flex;
191 width: 100%; 195 width: 100%;