Skip to content

Commit

Permalink
docs: added information on the icons color overwriting possibility (#…
Browse files Browse the repository at this point in the history
  • Loading branch information
mfranzke authored Nov 14, 2024
1 parent 09cfa6a commit 15c0b4d
Showing 1 changed file with 5 additions and 0 deletions.
5 changes: 5 additions & 0 deletions packages/foundations/docs/Icons.md
Original file line number Diff line number Diff line change
Expand Up @@ -3,6 +3,7 @@
- We use icon fonts as **woff2** files for all our icons.
- We auto generate these files out of `.svg` files.
- A lot of our [components](../../components/readme) have an `icon` property you can pass in.
- Use the CSS Custom Property `--db-icon-color` to overwrite the icons color.

## How to include icons

Expand All @@ -19,6 +20,10 @@ You can add an icon before or after a tag, by adding an `data-` attribute to you
| `before` | `data-icon="icon-from-overview"` |
| `after` | `data-icon-after="icon-from-overview"` |

### Icons color

You could use the CSS Custom Property `--db-icon-color` to overwrite the icons color, be it icon fonts or when using the SVG files directly. Or `--db-icon-pulse-color` for the illustrative icons pulse color.

## Custom Icons

If you have custom icons and want to use them for foundations and/or in components, you need to generate a **woff2** file.
Expand Down

0 comments on commit 15c0b4d

Please sign in to comment.