From 44076e03f3907e19086c5fce0097539efabbbfe6 Mon Sep 17 00:00:00 2001 From: Maximilian Franzke Date: Tue, 18 Apr 2023 10:25:47 +0200 Subject: [PATCH 1/2] docs: added regarding icon font-size overwrites --- .../db-ui-elements-stencil/src/components/db-icon/readme.md | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/packages/db-ui-elements-stencil/src/components/db-icon/readme.md b/packages/db-ui-elements-stencil/src/components/db-icon/readme.md index 2051c2de0c..3aa56044e7 100644 --- a/packages/db-ui-elements-stencil/src/components/db-icon/readme.md +++ b/packages/db-ui-elements-stencil/src/components/db-icon/readme.md @@ -12,6 +12,12 @@ | `icon` _(required)_ | `icon` | The icon attribute specifies the icon to use. | `string` | `undefined` | | `variant` | `variant` | The variant attribute specifies the style and size of an icon. | `"16-filled" \| "16-outline" \| "20-filled" \| "20-outline" \| "24-filled" \| "24-outline" \| "32-filled" \| "32-outline" \| "48-filled" \| "48-outline" \| "64-filled" \| "64-outline"` | `undefined` | +## CSS Custom Properties +| Property | Description | +| ------------------------- | --------------------------------------------------------- | +| `--icon-font-size-before` | Overwrite `font-size` by the icon set before the contents | +| `--icon-font-size-after` | Overwrite `font-size` by the icon set after the contents | + ## Dependencies From de1f52fb948433c0bbc3a202bbebc7ab2d1969ff Mon Sep 17 00:00:00 2001 From: Maximilian Franzke <787658+mfranzke@users.noreply.github.com> Date: Tue, 18 Apr 2023 10:59:29 +0200 Subject: [PATCH 2/2] Update readme.md --- packages/db-ui-elements-stencil/src/components/db-icon/readme.md | 1 + 1 file changed, 1 insertion(+) diff --git a/packages/db-ui-elements-stencil/src/components/db-icon/readme.md b/packages/db-ui-elements-stencil/src/components/db-icon/readme.md index 3aa56044e7..917a9563bc 100644 --- a/packages/db-ui-elements-stencil/src/components/db-icon/readme.md +++ b/packages/db-ui-elements-stencil/src/components/db-icon/readme.md @@ -13,6 +13,7 @@ | `variant` | `variant` | The variant attribute specifies the style and size of an icon. | `"16-filled" \| "16-outline" \| "20-filled" \| "20-outline" \| "24-filled" \| "24-outline" \| "32-filled" \| "32-outline" \| "48-filled" \| "48-outline" \| "64-filled" \| "64-outline"` | `undefined` | ## CSS Custom Properties + | Property | Description | | ------------------------- | --------------------------------------------------------- | | `--icon-font-size-before` | Overwrite `font-size` by the icon set before the contents |