From dc44a3a7b1537162c7ca1665a55157b6bee8548b Mon Sep 17 00:00:00 2001 From: jd-solanki Date: Sat, 18 Feb 2023 02:13:25 +0530 Subject: [PATCH] docs: spacing docs tip & typo --- docs/guide/components/list.md | 2 +- docs/guide/features/spacing.md | 11 +++++++++++ 2 files changed, 12 insertions(+), 1 deletion(-) diff --git a/docs/guide/components/list.md b/docs/guide/components/list.md index 0a97fa70..875bb0de 100644 --- a/docs/guide/components/list.md +++ b/docs/guide/components/list.md @@ -29,7 +29,7 @@ You can also use `default` slot to render your custom content if you don't want ::: :::warning -When you override the list item via CSS variable, it's up to you to handle `--a-spacing` CSS var. For example, you are overriding list gap and don't want to consider the `--a-spacing` variable then you can simply override it via `[--a-spacing:1rem]`. However, if you want to allow spacing modification then write `[--a-spacing:calc(1rem*var(--a-spacing))]` +When you override the list item via CSS variable, it's up to you to handle `--a-spacing` CSS var. For example, you are overriding list gap and don't want to consider the `--a-spacing` variable then you can simply override it via `[--a-spacing:1]`. However, if you want to allow spacing modification then write `[--a-spacing:calc(1*var(--a-spacing))]` For in library example you can check `.a-list-items-pill` class styles. ::: diff --git a/docs/guide/features/spacing.md b/docs/guide/features/spacing.md index 9a04d805..9d7b3aca 100644 --- a/docs/guide/features/spacing.md +++ b/docs/guide/features/spacing.md @@ -18,3 +18,14 @@ You can use `spacing-` class to add/update `--a-spacing` CSS variable. ``` + +:::tip Wanna have some fun 😜 +You can reduce overall spacing of all components by updating `--a-spacing` CSS var from `:root` + +```css +:root { + --a-spacing: 0.9; +} +``` + +:::