sencss-colour/README.md

Sencss colour palette

# Colour palette for Sencss

Each colour is prefixed by a css property:

- `background-color` = `.bgc-`
- `border-color` = `.bdc-`
- `color` = `.c-`
- `fill` = `.f-`
- `stroke` = `.s-`

## Primary colours

```css
.c-sb   { color: var(--sensis-black); }
.c-sw   { color: var(--sensis-white); }
```

## Secondary colours

```css
.c-sg   { color: var(--sensis-green); }
.c-sl   { color: var(--sensis-lime); }
.c-sm   { color: var(--sensis-magenta); }
.c-so   { color: var(--sensis-orange); }
.c-sp   { color: var(--sensis-purple); }
```

## Greyscale

```css
.c-sg1  { color: var(--sensis-grey-1); }
.c-sg2  { color: var(--sensis-grey-2); }
.c-sg3  { color: var(--sensis-grey-3); }
.c-sg4  { color: var(--sensis-grey-4); }
```

## Pitcher colours

```css
.c-ps-1 { color: var(--pitcher-slate-1); }
.c-ps-2 { color: var(--pitcher-slate-2); }
.c-ps-3 { color: var(--pitcher-slate-3); }
.c-ps-4 { color: var(--pitcher-slate-4); }
.c-pp-1 { color: var(--pitcher-purple-1); }
.c-pp-2 { color: var(--pitcher-purple-2); }
.c-py-1 { color: var(--pitcher-yellow-1); }
```