diff --git a/.changeset/fresh-schools-peel.md b/.changeset/fresh-schools-peel.md new file mode 100644 index 0000000000..23adcd9eb2 --- /dev/null +++ b/.changeset/fresh-schools-peel.md @@ -0,0 +1,5 @@ +--- +'@swisspost/design-system-styles': patch +--- + +Added styles for text links and icon-buttons for Composible Footer in HCM. \ No newline at end of file diff --git a/packages/styles/src/components/globals/post-footer.scss b/packages/styles/src/components/globals/post-footer.scss index 087415d8ab..47eb5033a5 100644 --- a/packages/styles/src/components/globals/post-footer.scss +++ b/packages/styles/src/components/globals/post-footer.scss @@ -1,6 +1,7 @@ @use '../../variables/color'; @use '../../mixins/media'; @use '../../mixins/list'; +@use '../../mixins/utilities'; post-footer { // mobile @@ -37,6 +38,24 @@ post-footer { &:not(.btn-icon, .app-store-badge) { display: block; text-decoration: none; + + &:hover { + @include utilities.high-contrast-mode() { + text-decoration: underline; + } + } + } + + &.btn-icon { + @include utilities.high-contrast-mode() { + color: CanvasText !important; + } + + &:hover { + @include utilities.high-contrast-mode() { + color: LinkText !important; + } + } } }