keyrune/contributing/GenerateCss.md

# Generate CSS

> exemple with the set icon of the set "Fondation" (FDN)

## Steps

Generate the CSS file with the following command:

```bash
npm run lessmin && npm run sassmin
```
or for debug purpose you can run 

```bash
npm run less && npm run sass
```

2 files will be generated in the `css` folder: `keyrune.css` and `keyrune.min.css`.

![generate-css](./images/generate-css.png)

Yaay 🎉 you have generate the CSS file! Now you can use the new icon in the website. Follow the [Usage inside README.md](../README.md#usage)

---
**Go to the next step: [Update the documentation](./UpdateDocumentation.md)**
---