From 6e6b321116e8c3c6af891c7e5d2188564daf7e7a Mon Sep 17 00:00:00 2001 From: Adam Kudrna Date: Mon, 2 Dec 2024 16:14:20 +0100 Subject: [PATCH] Remove configurable font weight of links inside `Alert` #577 Links in `Alert` now inherit the font weight which is consistent with other links in React UI. --- src/components/Alert/Alert.module.scss | 9 +++------ src/components/Alert/README.md | 16 ++++++++-------- 2 files changed, 11 insertions(+), 14 deletions(-) diff --git a/src/components/Alert/Alert.module.scss b/src/components/Alert/Alert.module.scss index 658fe9c5..92e31ffa 100644 --- a/src/components/Alert/Alert.module.scss +++ b/src/components/Alert/Alert.module.scss @@ -25,8 +25,8 @@ padding: theme.$padding; } - .close, - .icon { + .icon, + .close { height: settings.$min-height; color: var(--rui-local-foreground-color); } @@ -46,11 +46,8 @@ line-height: settings.$line-height; } - .message :is(a, strong) { - font-weight: theme.$emphasis-font-weight; - } - .message strong { + font-weight: theme.$emphasis-font-weight; color: var(--rui-local-foreground-color); } diff --git a/src/components/Alert/README.md b/src/components/Alert/README.md index 292bfd4d..7d5e5f2b 100644 --- a/src/components/Alert/README.md +++ b/src/components/Alert/README.md @@ -201,14 +201,14 @@ helps to improve its accessibility. ### Common Theming Options -| Custom Property | Description | -|------------------------------------------------------|--------------------------------------------------------------| -| `--rui-Alert__padding` | Padding between border and message | -| `--rui-Alert__font-weight` | Message font weight | -| `--rui-Alert__border-width` | Border width | -| `--rui-Alert__border-radius` | Corner radius | -| `--rui-Alert__emphasis__font-weight` | Font weight of text emphasised with `` | -| `--rui-Alert__stripe__width` | Width of the border at the start of the Alert | +| Custom Property | Description | +|--------------------------------------|------------------------------------------------| +| `--rui-Alert__padding` | Padding between border and message | +| `--rui-Alert__font-weight` | Message font weight | +| `--rui-Alert__border-width` | Border width | +| `--rui-Alert__border-radius` | Corner radius | +| `--rui-Alert__emphasis__font-weight` | Font weight of text emphasised with `` | +| `--rui-Alert__stripe__width` | Width of the border at the start of the Alert | ### Theming Variants