Mercurial
comparison mrjunejune/src/tools/markdown_to_html/index.css @ 97:3bdfffaad162
[MrJuneJune] Updated so it is mobile friendly and fixed few font sizes.
| author | June Park <parkjune1995@gmail.com> |
|---|---|
| date | Fri, 02 Jan 2026 20:21:58 -0800 |
| parents | 655ea0b661fd |
| children | 65e5a5b89a4e |
comparison
equal
deleted
inserted
replaced
| 96:70401cf61e97 | 97:3bdfffaad162 |
|---|---|
| 22 margin-top: 10px; | 22 margin-top: 10px; |
| 23 } | 23 } |
| 24 | 24 |
| 25 .title button { | 25 .title button { |
| 26 margin-top: 0px; | 26 margin-top: 0px; |
| 27 margin-bottom: 10px; | |
| 27 } | 28 } |
| 28 | 29 |
| 29 button:hover { | 30 button:hover { |
| 30 background: var(--accent-dark); | 31 background: var(--accent-dark); |
| 31 } | 32 } |
| 175 .title .label { | 176 .title .label { |
| 176 margin-bottom: 0px; | 177 margin-bottom: 0px; |
| 177 } | 178 } |
| 178 | 179 |
| 179 @media (max-width: 768px) { | 180 @media (max-width: 768px) { |
| 181 body { | |
| 182 padding: 10px; | |
| 183 font-size: 16px; | |
| 184 } | |
| 185 | |
| 180 .container { | 186 .container { |
| 181 grid-template-columns: 1fr; | 187 grid-template-columns: 1fr; |
| 182 } | 188 gap: 15px; |
| 183 } | 189 } |
| 190 | |
| 191 h1 { | |
| 192 font-size: 1.75rem; | |
| 193 } | |
| 194 | |
| 195 .panel { | |
| 196 padding: 15px; | |
| 197 } | |
| 198 | |
| 199 textarea { | |
| 200 height: 300px; | |
| 201 font-size: 16px; | |
| 202 } | |
| 203 | |
| 204 #output { | |
| 205 min-height: 300px; | |
| 206 font-size: 1rem; | |
| 207 } | |
| 208 | |
| 209 button { | |
| 210 font-size: 1rem; | |
| 211 padding: 12px 20px; | |
| 212 min-height: 44px; | |
| 213 width: 100%; | |
| 214 } | |
| 215 | |
| 216 .title { | |
| 217 grid-template-columns: 1fr; | |
| 218 gap: 10px; | |
| 219 } | |
| 220 | |
| 221 .label { | |
| 222 font-size: 1rem; | |
| 223 } | |
| 224 | |
| 225 #output h1 { font-size: 1.75em; } | |
| 226 #output h2 { font-size: 1.5em; } | |
| 227 #output h3 { font-size: 1.25em; } | |
| 228 } |