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.

{whitespace:nowrap;}+reset-html Mix into the html element selector to perform a complete reset for any page that includes the stylesheet.
{whitespace:nowrap;}+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, but not any classes that can be used. Use them by mixing them into a 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