Scania Digital Design System - Colour package

This package contains both SCSS and CSS files available

• SCSS available for import in your sass development
• CSS classes for text and background
• CSS custom properties / CSS variables available through scania-theme

How to install with npm

1> npm i @s-ds/colour

How to use

See all available tokens in digitaldesign.scania.com

1// style.scss
2// you need to have sass compiler in your application
3@import '~node_modules/@s-ds/colour/dist/scss/colour';
4
5// use get-colour(token-name) function to get colour from SDDS colour scale
6.my-div {
7  color: get-colour(grey-500);
8}
9
10// OR
11// use in HTML as a class
12// property available: text and background
13//.sdds-{property}-{token-name}
14<p class="sdds-text-blue-900 sdds-background-grey-200">
15  An example paragraph
16</p>