Skip to content

Compass Core: Reset Module

chriseppstein 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.

Importing

To import the Compass Reset Module to any Sass File:


@import compass/reset

Class & Element Mixins

Class mixins provide classes or define styles for elements. These will be scoped according to the selector you mix them into.

+reset-html Mix into the html element selector to perform a complete reset for any page that includes the stylesheet.
+reset-body Mix into a body element if you want to limit the reset to pages selected by body class or id

Style Mixins

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

+reset Base reset mixin – can be used to reset any element for which a more specific reset doesn’t exist
+reset-quotation Resets blockquote and q tags
+reset-table-cell Resets th, td and caption tags
+reset-table Resets the table tag
+reset-body-tag Reset the body tag
Clone this wiki locally