From 535bcaa805f35f85911303b6c8a43c4c6466290d Mon Sep 17 00:00:00 2001 From: Nathan Upchurch Date: Mon, 8 Jan 2024 18:29:56 -0500 Subject: [PATCH] Update reset.css --- reset.css | 28 ++++++++++++++-------------- 1 file changed, 14 insertions(+), 14 deletions(-) diff --git a/reset.css b/reset.css index fe82db7..039e368 100644 --- a/reset.css +++ b/reset.css @@ -1,36 +1,36 @@ -// Where hanging-punctuation is not supported: +/* Where hanging-punctuation is not supported: */ @supports not (hanging-punctuation: first) { - // Set a baseSize to use in calculating negative indent + /* Set a baseSize to use in calculating negative indent :root { --baseSize: 2rem; } - // Apply negative indent + /* Apply negative indent */ html { text-indent: calc((var(--baseSize) / 2) * -1); } } -// Where hanging-punctuation is supported: +/* Where hanging-punctuation is supported: */ @supports (hanging-punctuation: first) { - // Remove text-indent and apply hanging-punctuation + /* Remove text-indent and apply hanging-punctuation */ html { text-indent: 0; - hanging-punctuation: first last; // Although "last" isn't handled by an indentation if unsupported, we'll just try our luck here + hanging-punctuation: first last; /* Although "last" isn't handled by an indentation if unsupported, we'll just try our luck here */ } } -// Use a more-intuitive box-sizing model. +/* Use a more-intuitive box-sizing model. */ *, *::before, *::after { box-sizing: border-box; } * { - line-height: calc(1em + 0.5rem); // Calculate optimal line-height (This may break things; see https://www.joshwcomeau.com/css/custom-css-reset/#three-tweaking-line-height-4) - margin: 0; // Remove default margin + line-height: calc(1em + 0.5rem); /* Calculate optimal line-height (This may break things; see https://www.joshwcomeau.com/css/custom-css-reset/#three-tweaking-line-height-4) */ + margin: 0; /* Remove default margin */ } -// Apply curly quotes to blockquote +/* Apply curly quotes to blockquote */ blockquote { &::before { content: open-quote; @@ -42,21 +42,21 @@ blockquote { body { - -webkit-font-smoothing: antialiased; // Improve text rendering for modern high-dpi screens + -webkit-font-smoothing: antialiased; /* Improve text rendering for modern high-dpi screens */ } -// Improve media defaults +/* Improve media defaults */ img, picture, video, canvas, svg { display: block; max-width: 100%; } -// Remove built-in form typography styles +/* Remove built-in form typography styles */ input, button, textarea, select { font: inherit; } -// Avoid text overflows +/* Avoid text overflows */ p, h1, h2, h3, h4, h5, h6 { overflow-wrap: break-word; hyphens: auto;