CSS Reset

Opinionated base styles for Vuetify projects.


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.

Ready for more?

Continue your learning with related content selected by the Team or move between pages by using the navigation links below.
Edit this page onGitHub