Home

compopo-design

Unified design for front-end.

The CSS is written with CSS Variables and utility-first classes. This means each class contains only one rule. This is the same style used by the popular TailWindCSS.

NPM Install

npm install github:pepsico-ecommerce/compopo-design

Import with Bundler (Webpack)

If you use a build system that understands CSS (like Webpack), then you can import all.css to get everything.

import 'compopo-design/css/all.css';

How to use

Combine classes to get the desired style.

<h1 class="color-black-1 font-size-32pt font-weight-bold">
  My header
</h1>