Skip to content

Latest commit

 

History

History
36 lines (26 loc) · 1.16 KB

README.md

File metadata and controls

36 lines (26 loc) · 1.16 KB

@zendeskgarden/css-bedrock npm version

This package provides a mostly reasonable CSS reset layered on top of modern-normalize.

Installation

npm install @zendeskgarden/css-bedrock

Usage

Once installed, bedrock CSS can be accessed via postcss-import.

@import '@zendeskgarden/css-bedrock';

The distribution for Bedrock CSS contains global styling rules to help projects get started with Garden designs. In addition to modern-normalize, Bedrock includes:

  • Garden's system font stack applied to page.
  • Base font size (14px) applied to the page.
  • Reset box-sizing to border-box for all elements.
  • A default treatment for anchor and hr elements.
  • Headings (1-6) reset to inherit font-size.
  • Browser margin and padding stripped from block elements.

See https://zendeskgarden.github.io/css-components?path=/story/components-bedrock for a demonstration of the resets provided by this package.