Reset and Base Styles

Reset Styles

Reset styles are a part of many widget libraries. They are an attempt to bring the browsers to visual parity by eliminating arbitrary differences in the way elements are rendered (different margins, padding, etc.)

We initially had a large set of reset styles. We ran into many issues created by them, which resulted in us slimming down the set of elements we reset.

Reset styles are qualified by the lotusui namespace so you can embed components into your existing page and they won't interfere with your page's default styles.

Base Styles

Base styles are a set of classes/styles used by multiple components. An example of this is our inline list style, which renders and unordered list as a list of inline items separated by a divider.

Reset styles and base styles are both found in base.css.