@s-ds/colour v1.0.2-0

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

> npm i @s-ds/colour

How to use

See all available tokens in digitaldesign.scania.com

// style.scss
// you need to have sass compiler in your application
@import '~node_modules/@s-ds/colour/dist/scss/colour';

// use get-colour(token-name) function to get colour from SDDS colour scale
.my-div {
  color: get-colour(grey-500);
}

// OR
// use in HTML as a class
// property available: text and background
//.sdds-{property}-{token-name}
<p class="sdds-text-blue-900 sdds-background-grey-200">
  An example paragraph
</p>