JSPM – @procore/core-css@10.27.4

Package Exports

@procore/core-css
@procore/core-css/dist/core.css
@procore/core-css/src/components/_action.scss
@procore/core-css/src/components/_avatar.scss
@procore/core-css/src/components/_banner.scss
@procore/core-css/src/components/_breadcrumbs.scss
@procore/core-css/src/components/_button.scss
@procore/core-css/src/components/_calendar.scss
@procore/core-css/src/components/_card.scss
@procore/core-css/src/components/_checkbox.scss
@procore/core-css/src/components/_contact_item.scss
@procore/core-css/src/components/_date_input.scss
@procore/core-css/src/components/_dropdown.scss
@procore/core-css/src/components/_dropdown_flyout.scss
@procore/core-css/src/components/_dropzone.scss
@procore/core-css/src/components/_empty_state.scss
@procore/core-css/src/components/_file_list.scss
@procore/core-css/src/components/_file_select.scss
@procore/core-css/src/components/_file_token.scss
@procore/core-css/src/components/_form.scss
@procore/core-css/src/components/_groupselect.scss
@procore/core-css/src/components/_headers.scss
@procore/core-css/src/components/_icon.scss
@procore/core-css/src/components/_input.scss
@procore/core-css/src/components/_link.scss
@procore/core-css/src/components/_loader.scss
@procore/core-css/src/components/_menu.scss
@procore/core-css/src/components/_modal.scss
@procore/core-css/src/components/_multiselect.scss
@procore/core-css/src/components/_notation.scss
@procore/core-css/src/components/_number_input.scss
@procore/core-css/src/components/_pagination.scss
@procore/core-css/src/components/_pill.scss
@procore/core-css/src/components/_pill_select.scss
@procore/core-css/src/components/_popover.scss
@procore/core-css/src/components/_portal.scss
@procore/core-css/src/components/_progress_bar.scss
@procore/core-css/src/components/_radio_button.scss
@procore/core-css/src/components/_segmented_controller.scss
@procore/core-css/src/components/_select.scss
@procore/core-css/src/components/_spinner.scss
@procore/core-css/src/components/_switch.scss
@procore/core-css/src/components/_table-shelf.scss
@procore/core-css/src/components/_tables.scss
@procore/core-css/src/components/_tabs.scss
@procore/core-css/src/components/_thumbnail.scss
@procore/core-css/src/components/_tiered_select.scss
@procore/core-css/src/components/_toast.scss
@procore/core-css/src/components/_tokens.scss
@procore/core-css/src/components/_tooltip.scss
@procore/core-css/src/components/_tree.scss
@procore/core-css/src/components/_typography.scss
@procore/core-css/src/components/file_explorer/_file_explorer.scss
@procore/core-css/src/components/file_explorer/_grid.scss
@procore/core-css/src/components/file_explorer/_sidebar.scss
@procore/core-css/src/components/file_explorer/_source_item.scss
@procore/core-css/src/components/file_explorer/_thumbnail_grid.scss
@procore/core-css/src/components/file_explorer/_thumbnail_list.scss
@procore/core-css/src/components/file_explorer/_uploader.scss
@procore/core-css/src/layouts/_badge.scss
@procore/core-css/src/layouts/_box.scss
@procore/core-css/src/layouts/_detail_page.scss
@procore/core-css/src/layouts/_flex.scss
@procore/core-css/src/layouts/_legacy_detail_page.scss
@procore/core-css/src/layouts/_list_page.scss
@procore/core-css/src/layouts/_sidebar.scss
@procore/core-css/src/layouts/_tool_header.scss

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (@procore/core-css) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

CORE CSS

An implementation of Procore's Web Design Guidelines.

Requirements

Node 6+ NPM or Yarn

Background

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

Developing

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

yarn
yarn dev

Testing

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

yarn test

Building

yarn build

Once the project is done building, the docs can be viewed at build/docs/index.html

Contributing and Styleguide

Bug reports and pull requests are welcome on GitHub at https://github.com/procore/core. This project is intended to be a safe, welcoming space for collaboration, and contributors are expected to adhere to the Contributor Covenant code of conduct.

In lieu of a formal styleguide, we use husky to create a precommit hook, which executes prettier on any git staged files determined by lint-staged.

License

The package is available under the Procore Developers License

About Procore

Procore Logo

CORE Icons is maintained by Procore Technologies.

Procore - building the software that builds the world.

Learn more about the #1 most widely used construction management software at procore.com