Design System Lite

This is the lite version of bpost design system. This version includes only the main theme files, icon assets and iconfonts.

Installation

To install the package, run the following command:

npm install @bpost/web-design-system-lite

Usage

In order to use this package you need to import it's main theme file by adding the following line and replacing [] in your global style file :

@import '[path/to/node_modules]/bpost/design-system-lite/src/theme.scss'

Scss

The scss files contained in this package provide the styling for all the available primeng components.

For instance all the styling provided for the buttons are located in ./src/components/_button.scss

It also provides the base design language of bpost such colors in ./src/variables/_colors.scss, fonts in ./src/variables/_fonts.scss, the dimensions in ./src/variables/_dimensions.scss and the decorations (border, opacity,...) in ./src/variables/_decorations.scss.

Icon-fonts

To use the bpost icon-fonts, it works the same way as in primeng.

<span class="bpost-icon bpost-alert"></span>

Contact

If you encounter any issues with the installation or usage of this package please contact Julien Schoenaers via email