From 705c7d7505c329a106f1444fdaf30feb256ed4e7 Mon Sep 17 00:00:00 2001 From: lindsaym-fa Date: Fri, 9 Jan 2026 17:12:02 -0500 Subject: [PATCH] update the docs --- packages/webawesome/docs/docs/utilities/gap.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/packages/webawesome/docs/docs/utilities/gap.md b/packages/webawesome/docs/docs/utilities/gap.md index 332348ed9..ab18942a5 100644 --- a/packages/webawesome/docs/docs/utilities/gap.md +++ b/packages/webawesome/docs/docs/utilities/gap.md @@ -14,8 +14,7 @@ tags: layoutUtilities } -Web Awesome includes classes to set the `gap` property of flex and grid containers. They can be used alongside other Web Awesome layout utilities, like [cluster](/docs/utilities/cluster) and [stack](/docs/utilities/stack), to change the space between items. -Or even by themselves — all gap properties also set `display: flex` with a specificity of 0 so that it can be trivially overridden. +Web Awesome includes classes to set the `gap` property of flex and grid containers. Use them alone to create a flex container with a gap, or use them alongside other Web Awesome layout utilities, like [cluster](/docs/utilities/cluster) and [stack](/docs/utilities/stack), to change the space between items. Besides `wa-gap-0`, which sets `gap` to zero, each class corresponds to one of the [`--wa-space-*`](/docs/tokens/space) tokens in your theme. @@ -31,3 +30,4 @@ Besides `wa-gap-0`, which sets `gap` to zero, each class corresponds to one of t | `wa-gap-xl` | `--wa-space-xl` |
| | `wa-gap-2xl` | `--wa-space-2xl` |
| | `wa-gap-3xl` | `--wa-space-3xl` |
| +| `wa-gap-4xl` | `--wa-space-4xl` |
|