From 6f29b7ca5785f79c9e3e54f7fe042abfb58e6a16 Mon Sep 17 00:00:00 2001 From: Brian Ferry Date: Thu, 2 Mar 2023 02:44:21 -0500 Subject: [PATCH] fix(alert): remove `rem` values from icon height, width (#748) fix: removing rem values from css, moving to icon size tokens --- .changeset/rude-carpets-switch.md | 5 +++++ elements/rh-alert/rh-alert.css | 4 ++-- 2 files changed, 7 insertions(+), 2 deletions(-) create mode 100644 .changeset/rude-carpets-switch.md diff --git a/.changeset/rude-carpets-switch.md b/.changeset/rude-carpets-switch.md new file mode 100644 index 0000000000..274f2f2983 --- /dev/null +++ b/.changeset/rude-carpets-switch.md @@ -0,0 +1,5 @@ +--- +"@rhds/elements": patch +--- + +``: used design tokens for icon dimensions diff --git a/elements/rh-alert/rh-alert.css b/elements/rh-alert/rh-alert.css index 1307db8b06..64701106de 100644 --- a/elements/rh-alert/rh-alert.css +++ b/elements/rh-alert/rh-alert.css @@ -96,8 +96,8 @@ header ::slotted(:is(h1,h2,h3,h4,h5,h6)) { display: flex; align-items: center; justify-content: center; - width: var(--rh-font-size-body-text-2xl, 1.5rem); - height: var(--rh-font-size-body-text-2xl, 1.5rem); + width: var(--rh-size-icon-02, 24px); + height: var(--rh-size-icon-02, 24px); color: var(--_icon-color); }