Custom CSS Reset - Whenever I start a new project, the first order of business is to sand down some of the rough edges in the CSS language. I do this with a functional set of custom baseline styles.
CSS
CSS-Reset-and-Custom-properties
Custom CSS Reset - Whenever I start a new project, the first order of business is to sand down some of the rough edges in the CSS language. I do this with a functional set of custom baseline styles.
I have added custom properties and general styling as well which should be change according to your project requirements.
Here I have also added the code for visually-hidden or sr-only(screen reader only) which I have taken from article by Scott O'Hara.
Hiding Content Visually
Visually hidden techniques allow for content to be hidden from sighted users while still allowing ATs to discover and interact with the content.
There are multiple ways to use CSS to visually hide content, but the following example will cover many use cases.