diff options
| author | Sangeeth Sudheer <git@sangeeth.dev> | 2025-03-06 09:53:58 +0530 |
|---|---|---|
| committer | Sangeeth Sudheer <git@sangeeth.dev> | 2025-03-06 10:27:19 +0530 |
| commit | 8115160fa0d3292179a89c1e4e2c6cf9262945d1 (patch) | |
| tree | 3aba1f54f5c6205a3a1782acd30d09be503972bd /assets/css/main.css | |
| parent | 17d4cf4916091e6d5a61cc2576f2513e41f57404 (diff) | |
List alignment fixes and input dark mode support
Fixes margin and alignment issues in ul, ol and checkbox lists including when they are nested within each other.
input elements in dark mode are forced to be in browser's dark color scheme.
Diffstat (limited to 'assets/css/main.css')
| -rw-r--r-- | assets/css/main.css | 22 |
1 files changed, 17 insertions, 5 deletions
diff --git a/assets/css/main.css b/assets/css/main.css index 54c98cb..65ea0b4 100644 --- a/assets/css/main.css +++ b/assets/css/main.css @@ -59,19 +59,31 @@ p { line-height: var(--p-line-height); } -ul { - margin-top: var(--ul-margin-top); - margin-bottom: var(--ul-margin-bottom); -} - li { margin-left: var(--li-indent); + + &:has(> input[type="checkbox"]) { + list-style-type: none; + } + + & > input[type="checkbox"] { + width: var(--li-checkbox-size); + height: var(--li-checkbox-size); + margin: 0 0.2em 0.15em -1.25em; + vertical-align: middle; + } } a { text-decoration: underline; } +input { + .dark & { + color-scheme: dark; + } +} + /* Code blocks */ .copy-code-button { |