@procore/core-css

CORE-CSS

Atomic CSS

What is this?

CORE-CSS is a minimalist implementation of Procore's Web Design Guidelines. The library provides:

• Styles
• SCSS source files

Requirements

Node 6+ NPM or Yarn

Developing

To get started, type the following from the root directory:

yarn
yarn dev

Once the webpack build server is running, you can view the styles at http://localhost:5000.

Our styles are organized according to Inverted Triangle CSS. ITCSS organizes stylesheets by specificity. Read the article linked above for more information.

Linting and Pre-Commit Hook

We use lint-staged to automatically format our source files via husky's precommit hook. This process is configured in the .lintstagedrc file and in the precommit entry of package.json

Testing

Testing currently consists of Jest snapshot testing on our React storybook components. To run the test suite use the following command:

yarn test

Building

yarn build

Publishing

yarn publish