#CSS Reset

#Bootstrapping

ress is a modern CSS reset that applies a solid base for stylesheets. It is built on top of normalize.cssand adds new features such as specifying font-family: monospace for <code> elements, removing all outlines from elements when hovering, and much much more. Additional information can be found on the ress GitHub repository.

It can be disabled with sass variablesby setting $reset: false, but you may have to manually reset some styles for components to display correctly.

#Reset Features

Below is a list of additional features that ress provides over the default normalize.css functionality

• Apply box-sizing: border-box in all elements.
• Reset padding and margin in all elements.
• Specify background-repeat: no-repeat in all elements and pseudo elements.
• Inherit text-decoration and vertical-align to ::before and ::after.
• Remove the outline when hovering in all browsers.
• Specify font-family: monospace in code elements.
• Reset border-radius in input elements.
• Specify font inheritance of form elements.
• Remove the default button styling in all browsers.
• Specify textarea resizability to vertical.
• Apply cursor: pointer to button elements.
• Apply tab-size: 4 in html.
• Style select like a standard input.
• Style cursor by aria attributes.
• Hide content from screens but not screen readers.

For a complete list of all applied styles, see the ress css stylesheet.