Name	Description	Default
propertyName*	This is a short description summary	defaultValue
propertyName*	This is a short description summary	defaultValue
propertyName*	This is a short description summary	defaultValue

@swisspost/design-system-styles

The styling package, including theming for Bootstrap and ng-bootstrap components.

Installation

npm install @swisspost/design-system-styles

Import one of our stylesheets into your project (for example into your /src/styles.scss file).

@use '@swisspost/design-system-styles/<bundle-name>.<extension>';

<bundle-name>	<extension>	Description
`index`	`css`, `scss`	everything for internet facing applications
`intranet`	`css`, `scss`	everything for internal applications
`basics`	`css`, `scss`	atomic styles for font, buttons, lists, etc. (no component styles)

Use the SCSS core for your custom styles and make sure you're always using the most up to date definitions:

NOTE: The core file itself, does not produce any CSS output. It only contains variables, functions and mixins.

@use '@swisspost/design-system-styles/core.scss' as post;

.my-component {
  background-color: post.$yellow; // #FFCC00
}