This package has been deprecated

Author message:

this package has been deprecated, use @scania/colour instead

@scania-sdds/colour

1.0.1-1 • Public • Published

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>

/@scania-sdds/colour/

    Package Sidebar

    Install

    npm i @scania-sdds/colour

    Weekly Downloads

    1

    Version

    1.0.1-1

    License

    ISC

    Unpacked Size

    7.46 kB

    Total Files

    3

    Last publish

    Collaborators

    • digitaldesign-scania
    • mmexvr