feat: update CSS to include reset and CSS layers #394
Merged
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
This pull request introduces a foundational CSS reset to the project and refactors how global styles are organized and loaded. The most significant change is the addition of the Chris Coyier reset stylesheet, which provides a minimal, opinionated baseline for cross-browser consistency. The main stylesheet is updated to use CSS layers for better separation of reset and base styles.
Global CSS organization and reset:
src/styles/reset.css
file containing the Chris Coyier starting stylesheet, which normalizes browser defaults and establishes consistent base styles for typography, layout, form elements, media, and accessibility.src/styles/index.css
to use@layer reset, base
and@import "reset.css"
within the reset layer, ensuring the reset styles are loaded before custom base styles.Base style improvements:
@layer base
section insrc/styles/index.css
for clearer separation from the reset styles.Accessibility and focus handling: