diff --git a/website/app/[locale]/(root)/docs/spacing-and-sizing/content.mdx b/website/app/[locale]/(root)/docs/spacing-and-sizing/content.mdx index 4210c9b93..7b5873de5 100644 --- a/website/app/[locale]/(root)/docs/spacing-and-sizing/content.mdx +++ b/website/app/[locale]/(root)/docs/spacing-and-sizing/content.mdx @@ -3,8 +3,8 @@ The spacing and sizing system is constructed using a [base unit](/docs/configura ```html
4px, margin: 0.25rem
8px, padding: 0.5rem
-
12px, gap: 0.75rem
32px, width: 2rem
+
12px, gap: 0.75rem
24px, width: 1.5rem; height: 1.5rem
``` @@ -13,7 +13,6 @@ For other common sizes, `0`, `1`, `2`, ..., we tend to use unitless tokens:
0px, margin: 0rem
1px, padding: 0.0625rem
2px, width: 0.125rem
-... ``` (x) It's no longer necessary to define the spacing scale one by one as in the traditional way. ```js name=master.css.js diff --git a/website/app/[locale]/(root)/docs/style-declarations/components/MultiStyleShorthands.mdx b/website/app/[locale]/(root)/docs/style-declarations/components/MultiStyleShorthands.mdx index 7f4dd69c2..a3e9e2588 100644 --- a/website/app/[locale]/(root)/docs/style-declarations/components/MultiStyleShorthands.mdx +++ b/website/app/[locale]/(root)/docs/style-declarations/components/MultiStyleShorthands.mdx @@ -1,6 +1,6 @@ export const code1 = `

` export const code2 = `

` -export const code3 = `

` +export const code3 = `

` Syntax: property:value|value|value @@ -19,7 +19,7 @@ Inherit native CSS shorthands to reduce the frequency of duplication of style na {code3} -You can't use CSS whitespace in class attributes because it's used to separate different class names, use instead: +You can't use CSS whitespace in class attributes because it's used to separate different class names; use instead: (o) Use `|` delimiters instead of whitespaces between CSS parameter values. ```html