# @scania-sdds/colour

> Scania Digital Design System colour package

Latest version **1.0.1-1** (published 2021-01-11) · ISC license · 0 weekly downloads

> **Deprecated.** This package is deprecated.

## Install

```sh
npm install @scania-sdds/colour
pnpm add @scania-sdds/colour
yarn add @scania-sdds/colour
bun add @scania-sdds/colour
```

## Health

**Score 10/100 (F)** — status: deprecated.

Negative: deprecated.

## Facts

| | |
|---|---|
| Version | 1.0.1-1 |
| Published | 2021-01-11 |
| First published | 2020-12-16 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Unpacked size | 7.3 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Maintainers | digitaldesign-scania, elaelation, mmexvr |

## Links

- npm: https://www.npmjs.com/package/@scania-sdds/colour
- npm.io page: https://npm.io/package/@scania-sdds/colour

## Recent versions

- 1.0.1-1 (latest) — 2021-01-11
- 1.0.0-alpha.0 (next) — 2020-12-16
- 1.0.0 — 2020-12-17

## README

# 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

```shell
> npm i @scania-sdds/colour
```

### How to use

See all available tokens in [digitaldesign.scania.com](https://digitaldesign.scania.com/foundation/colours/specification)

```html
// 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>
```

---
_Source: https://npm.io/package/@scania-sdds/colour · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._