CORE-CSS
Atomic CSS
What is this?
CORE-CSS is a minimalist implementation of Procore's Web Design Guidelines. The library provides:
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