diff options
| author | surya <surya@urbanecologycollective.org> | 2026-04-18 14:39:59 -0400 |
|---|---|---|
| committer | surya <surya@urbanecologycollective.org> | 2026-04-18 14:39:59 -0400 |
| commit | 40d2a460af1eecb7ccf7f302479a6a7afe410da7 (patch) | |
| tree | 7f8a9a9d51e53cad82e213121f95c692c4ef87ec /public/css/reset.css | |
init
Diffstat (limited to 'public/css/reset.css')
| -rw-r--r-- | public/css/reset.css | 90 |
1 files changed, 90 insertions, 0 deletions
diff --git a/public/css/reset.css b/public/css/reset.css new file mode 100644 index 0000000..58b50e8 --- /dev/null +++ b/public/css/reset.css @@ -0,0 +1,90 @@ +/* Box sizing rules */ +*, +*::before, +*::after { + box-sizing: border-box; + -webkit-box-sizing: border-box; +} + +* { + margin: 0; +} + +/* Prevent font size inflation */ +html { + -moz-text-size-adjust: none; + -webkit-text-size-adjust: none; + text-size-adjust: none; +} + +/* Remove default margin in favour of better control in authored CSS */ +body, h1, h2, h3, h4, p, +figure, blockquote, dl, dd { + margin-block-end: 0; +} + +/* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */ +ul, ol, +ul[role='list'], +ol[role='list'] { + list-style: none; +} + +/* Set core body defaults */ +body { + min-height: 100vh; + line-height: 1.5; + -webkit-font-smoothing: antialiased; +} + +/* Set shorter line heights on headings and interactive elements */ +h1, h2, h3, h4, +button, input, label { + line-height: 1.1; +} + +/* Balance text wrapping on headings */ +h1, h2, +h3, h4, +h5, h6 { + text-wrap: balance; +} + +p, h1, h2, h3, h4, h5, h6 { + overflow-wrap: break-word; +} + +/* A elements that don't have a class get default styles */ +a:not([class]) { + text-decoration-skip-ink: auto; +} + +/* Make images easier to work with */ +img, picture, +video, canvas, svg { + max-width: 100%; + display: block; +} + +/* Inherit fonts for inputs and buttons */ +input, button, +textarea, select, progress { + appearance: none; + -webkit-appearance: none; + -moz-appearance: none; + font: inherit; +} + +/* Make sure textareas without a rows attribute are not tiny */ +textarea:not([rows]) { + min-height: 10em; +} + +/* Anything that has been anchored to should have extra scroll margin */ +:target { + scroll-margin-block: 5ex; +} + +#root, #__next { + isolation: isolate; +} |
