Compass Core: Reset Module

The Reset module provides mixins that allow you to reset your html so that every element has browser-supplied no styling. The source of the reset module can be found here (and here).

Importing

To import the Compass Reset Module to any Sass File:

@import compass/reset

This will automatically add reset styles to the generated css.

Class and Element Mixins

+global-reset	Resets everything just like Eric Meyer’s Reset.
+nested-reset	Resets everything it can within a nested context.
+reset-html5	Resets HTML5 elements.

Regarding the +nested-reset, you shouldn’t need to use this much. If you find yourself using selective resets frequently, you’re probably not scoping your selectors well enough.

Style Mixins

Style mixins provide styles that can be mixed into any selector.

+reset-box-model	Resets the box model.
+reset-font	Resets the typography.
+reset-focus	Resets the focus state.
+reset-list-style	Resets the list style.
+reset-quotation	Resets blockquote and q tags
+reset-table-cell	Resets th, td and caption tags
+reset-table	Resets the table tag
+reset-body	Reset the body tag
+reset-display	Reset the display property to the default state. This one is a little strange, read the docs.