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