Skip to content

Compass Core: Reset Module

mrajcok edited this page Sep 13, 2010 · 16 revisions

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.

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.
Clone this wiki locally