Skip to content

Latest commit

 

History

History

bedrock

Folders and files

NameName
Last commit message
Last commit date

parent directory

..
demo
demo
 
 
src
src
 
 
CHANGELOG.md
CHANGELOG.md
 
 
README.md
README.md
 
 
package.json
package.json
 
 

README.md

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