From a3082a321546b7a3cec877386a13e2f1e47779dc Mon Sep 17 00:00:00 2001 From: marionnegp Date: Fri, 7 Feb 2025 12:20:31 -0500 Subject: [PATCH] docs: replace numerical values where a spacing token can be used --- elements/rh-avatar/docs/20-guidelines.md | 4 ++-- elements/rh-button/docs/20-guidelines.md | 6 +++--- elements/rh-cta/docs/20-guidelines.md | 5 ++--- elements/rh-tag/docs/10-style.md | 2 +- 4 files changed, 8 insertions(+), 9 deletions(-) diff --git a/elements/rh-avatar/docs/20-guidelines.md b/elements/rh-avatar/docs/20-guidelines.md index 2c9b8d01ae..92e1d6a976 100644 --- a/elements/rh-avatar/docs/20-guidelines.md +++ b/elements/rh-avatar/docs/20-guidelines.md @@ -69,11 +69,11 @@ centered. ### Stacking -There is `48px` of space when avatar groups are stacked vertically. +There should be a spacing of `--rh-space-3xl` between avatar groups that are stacked vertically. Image of three avatar groups stacked vertically with 48 pixel of space in between diff --git a/elements/rh-button/docs/20-guidelines.md b/elements/rh-button/docs/20-guidelines.md index 800a6fcd7a..5b78e91bb9 100644 --- a/elements/rh-button/docs/20-guidelines.md +++ b/elements/rh-button/docs/20-guidelines.md @@ -232,9 +232,9 @@ Group buttons logically into sets based on hierarchy and usage. ### Space in groups -The standard spacing between each button is `16px`, even for Danger -buttons. If buttons are stacked, the spacing between each button should be -`8px`. +The standard spacing between each button is `--rh-space-lg`, even for Danger +buttons. If buttons are stacked vertically, the spacing between each button should be +`--rh-space-md`.

Helpful tip

@@ -309,7 +308,7 @@ Horizontal and vertical spacing between Primary and Secondary variants is height="256"> -Horizontal and vertical spacing between the Default variant is `24px`. +Horizontal and vertical spacing between Default variants should use the `--rh-space-xl` token.