summaryrefslogtreecommitdiff
path: root/public/css/reset.css
diff options
context:
space:
mode:
authorsurya <surya@urbanecologycollective.org>2026-04-18 14:39:59 -0400
committersurya <surya@urbanecologycollective.org>2026-04-18 14:39:59 -0400
commit40d2a460af1eecb7ccf7f302479a6a7afe410da7 (patch)
tree7f8a9a9d51e53cad82e213121f95c692c4ef87ec /public/css/reset.css
init
Diffstat (limited to 'public/css/reset.css')
-rw-r--r--public/css/reset.css90
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;
+}