Skip to content

Enhance CSS reset with a custom reset.css file #210

Open
@joesnellpdx

Description

@joesnellpdx

Is your enhancement related to a problem? Please describe.

There are some new and other common reset styles we may want to incorporate by default into our themes. This issue will add some of these styles and, once reviewed, add the enhancements to the project.

Enhancements considered:

  • font: inherit globally to cover for some browser inconsistencies and provide more font display reliability
  • margin: 0; padding: 0; globally to ensure there is a reliable spacing reset
  • color-scheme: dark light; to html - add default color schemes to project - available if needed
  • hanging-punctuation: first last; - enhance block quotes or large content blocks in quotes
  • body { min-height: 100svh; } ensure body is at least 100% of viewport hight (including on mobile devices)
  • Responsive media: set to display: block; and max-width: 100%; by default
  • All headings: add text-wrap: balance allow browser to set a balanced heading if more than one line
  • All paragraphs: add text-wrap: pretty ensure there are no orphans on paragraphs that are more than one line
  • Add smooth scrolling by default

Code of Conduct

  • I agree to follow this project's Code of Conduct

Metadata

Metadata

Assignees

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions