diff --git a/src/elements/core/styles/mixins/lists.scss b/src/elements/core/styles/mixins/lists.scss index b66895af56..3549ca4e06 100644 --- a/src/elements/core/styles/mixins/lists.scss +++ b/src/elements/core/styles/mixins/lists.scss @@ -22,7 +22,6 @@ margin: 0; padding: 0; padding-inline-start: var(--sbb-list-padding-inline-start); - color: var(--sbb-color-iron); > li { + li { @@ -89,7 +88,6 @@ // Ensure that description is always attached to the label grid-template-columns: auto minmax(20%, 1fr); gap: var(--sbb-spacing-fixed-1x) var(--sbb-spacing-fixed-2x); - color: var(--sbb-color-iron); :is(dt, dd) { margin: 0; @@ -202,6 +200,7 @@ --sbb-step-list-border-radius: var(--sbb-border-radius-4x); counter-reset: steps; + color: var(--sbb-color-iron); } &:where(.sbb-text-s) { diff --git a/src/storybook/styles/list/readme.md b/src/storybook/styles/list/readme.md index ed83d3ca40..9db25d7668 100644 --- a/src/storybook/styles/list/readme.md +++ b/src/storybook/styles/list/readme.md @@ -6,6 +6,7 @@ The list styling can be applied to any ordered or unordered list. Nesting lists is also supported without redefining the css class. +The list styling doesn't define any color itself but inherits it. ### Sass usage @@ -99,6 +100,7 @@ than the text, the CSS variable `--sbb-icon-list-marker-icon-color` can be used. | `sbb-list` | `description-list` | The description list is meant to be used with the native `