Skip to content

Commit e6b2bc5

Browse files
committed
docs: optimized icons documentation
1 parent 5262a57 commit e6b2bc5

File tree

3 files changed

+10
-10
lines changed

3 files changed

+10
-10
lines changed

assets/icons/README.md

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -2,8 +2,8 @@
22

33
We're getting these icons by the DB Design System colleagues and process the following changes:
44

5-
- Minifications with `ImageOptim`
6-
- Adding some contents within the SVGs (these assets might get exported correctly in the future)
7-
- CSS variables
8-
- `id`-Attribute
9-
- Afterwards the JSON files within the `source/_patterns/icons` path might need to get updated
5+
- Minifications with [`ImageOptim`](https://imageoptim.com/mac)
6+
- Adding some contents within the SVGs (these assets might get exported correctly in the future)
7+
- CSS variables (replace `fill="#282D37"` by `fill="#282D37" style="fill: currentColor;fill: var(--db-icon-color, currentColor)"`)
8+
- `id`-Attribute (generic `icon` id within all SVG files)
9+
- Afterwards the JSON files within the `source/_patterns/icons` path might need to get updated

source/_patterns/icons/functional/_functional.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -21,9 +21,9 @@ You could either use the Icon font provided with [DB UI Core](https://db-ui.gith
2121

2222
To change the line-colors of the icon define a color value for its CSS variable:
2323

24-
- `--db-icon-color`
24+
- `--db-icon-color`
2525

26-
The fallback for a non-defined `--db-icon-color` is the `font-color` defined around or for the `<svg>` itself.
26+
The fallback for an undefined `--db-icon-color` is the `font-color` defined around or for the `<svg>` itself.
2727

2828
#### Accessibility
2929

source/_patterns/icons/illustrative/_illustrative.md

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -23,10 +23,10 @@ You could reference the multicolor icons directly via the `<use>` HTML tag withi
2323

2424
You could easily change the line-colors of both the pulse and the icon itself by defining different color values for both CSS variables:
2525

26-
- `--db-icon-color`
27-
- `--db-icon-pulse-color`
26+
- `--db-icon-color`
27+
- `--db-icon-pulse-color`
2828

29-
The fallback for a non-defined `--db-icon-color` is the `font-color` defined around or for the `<svg>` itself, and `--db-icon-pulse-color` would fall back to `#EC0016`, which is the general pulse color defined by brand.
29+
The fallback for an undefined `--db-icon-color` is the `font-color` defined around or for the `<svg>` itself, and `--db-icon-pulse-color` would fall back to `#EC0016`, which is the general pulse color defined by brand.
3030

3131
#### Accessibility
3232

0 commit comments

Comments
 (0)