1.0.1-1 • Published 3 years ago
@scania-sdds/colour v1.0.1-1
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 @scania-sdds/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/@scania-sdds/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>