more macros

Author: estelle

files/en-us/web/css/reference/values/basic-shape/index.md

@@ -88,7 +88,7 @@ The parameters common across the syntax of some basic shape functions include:
 
 The `<basic-shape-rect>` type, a subset of the `<basic-shape>` type, represents the basic-shape functions limited to creating rectangles, including {{cssxref("basic-shape/inset","inset()")}}, {{cssxref("basic-shape/rect","rect()")}}, and {{cssxref("basic-shape/xywh","xywh()")}}.
 
-The [`polygon()`](/en-US/docs/Web/CSS/Reference/Values/basic-shape/polygon), [`path()`](/en-US/docs/Web/CSS/Reference/Values/basic-shape/path), and {{cssxref("shape()")}} functions can also be used to create rectangles, but are not limited to only four-sided, right-angled shapes.
+The {{cssxref("polygon()")}}, {{cssxref("path()")}}, and {{cssxref("shape()")}} functions can also be used to create rectangles, but are not limited to only four-sided, right-angled shapes.
 
 #### Syntax for rectangles by container insets
 

files/en-us/web/css/reference/values/calc-size/index.md

@@ -10,9 +10,9 @@ sidebar: cssref
 
 {{seecompattable}}
 
-The **`calc-size()`** [CSS](/en-US/docs/Web/CSS) [function](/en-US/docs/Web/CSS/Reference/Values/Functions) allows you to perform calculations on [intrinsic size](/en-US/docs/Glossary/Intrinsic_Size) values such as `auto`, {{cssxref("fit-content")}}, and {{cssxref("max-content")}}; this is not supported by the regular {{cssxref("calc()")}} function.
+The **`calc-size()`** [CSS](/en-US/docs/Web/CSS) [function](/en-US/docs/Web/CSS/Reference/Values/Functions) allows you to perform calculations on {{glossary("intrinsic size")}} values such as `auto`, {{cssxref("fit-content")}}, and {{cssxref("max-content")}}; this is not supported by the regular {{cssxref("calc()")}} function.
 
-`calc-size()` return values can also be [interpolated](/en-US/docs/Glossary/Interpolation), enabling size keyword values to be used in [animations](/en-US/docs/Web/CSS/Guides/Animations) and [transitions](/en-US/docs/Web/CSS/Guides/Transitions). In effect, including `calc-size()` in a property value automatically applies [`interpolate-size: allow-keywords`](/en-US/docs/Web/CSS/Reference/Properties/interpolate-size) to the selection.
+`calc-size()` return values can also be {{glossary("interpolated")}}, enabling size keyword values to be used in [animations](/en-US/docs/Web/CSS/Guides/Animations) and [transitions](/en-US/docs/Web/CSS/Guides/Transitions). In effect, including `calc-size()` in a property value automatically applies [`interpolate-size: allow-keywords`](/en-US/docs/Web/CSS/Reference/Properties/interpolate-size) to the selection.
 
 Note however that `interpolate-size` is inherited, therefore applying it to an element enables interpolation of intrinsic size keywords for every property applied to that element and its children. As a result, `interpolate-size` is the preferred solution for enabling intrinsic size animations. You should only use `calc-size()` to enable intrinsic size animations if they also require calculations.
 

files/en-us/web/css/reference/values/calc/index.md

@@ -119,7 +119,7 @@ For a full explanation of typed arithmetic in CSS, along with examples, see [Usi
 
 ### Support for computing color channels in relative colors
 
-The `calc()` function can be used to manipulate color channels directly within the context of [relative colors](/en-US/docs/Web/CSS/Guides/Colors/Using_relative_colors). This allows for dynamic adjustments of color channels in color models such as {{cssxref("rgb()")}}, {{cssxref("hsl()")}}, and [`lch()`](/en-US/docs/Web/CSS/Reference/Values/color_value/lch).
+The `calc()` function can be used to manipulate color channels directly within the context of [relative colors](/en-US/docs/Web/CSS/Guides/Colors/Using_relative_colors). This allows for dynamic adjustments of color channels in color models such as {{cssxref("rgb()")}}, {{cssxref("hsl()")}}, and {{cssxref("lch()")}}.
 
 The relative color syntax defines several color-channel keywords, each of which represents the value of the color channel as a {{cssxref("&lt;number&gt;")}} (see [Channel values resolve to `<number>` values](/en-US/docs/Web/CSS/Guides/Colors/Using_relative_colors#channel_values_resolve_to_number_values) for more information). The `calc()` function can use these color-channel keywords to perform dynamic adjustments on the color channels, for example, `calc(r + 10)`.
 

files/en-us/web/css/reference/values/color-interpolation-method/index.md

@@ -7,7 +7,7 @@ spec-urls: https://drafts.csswg.org/css-color/#interpolation-space
 sidebar: cssref
 ---
 
-The **`<color-interpolation-method>`** [CSS](/en-US/docs/Web/CSS) [data type](/en-US/docs/Web/CSS/Reference/Values/Data_types) represents the [color space](/en-US/docs/Glossary/Color_space) used for interpolation between {{CSSXref("&lt;color&gt;")}} values. It can be used to override the default interpolation color space for color-related functional notations such as {{CSSXref("color_value/color-mix", "color-mix()")}} and {{cssxref("linear-gradient()")}}.
+The **`<color-interpolation-method>`** [CSS](/en-US/docs/Web/CSS) [data type](/en-US/docs/Web/CSS/Reference/Values/Data_types) represents the {{glossary("color space")}} used for interpolation between {{CSSXref("&lt;color&gt;")}} values. It can be used to override the default interpolation color space for color-related functional notations such as {{CSSXref("color_value/color-mix", "color-mix()")}} and {{cssxref("linear-gradient()")}}.
 
 When interpolating `<color>` values, the interpolation color space defaults to Oklab.
 

files/en-us/web/css/reference/values/color_value/hsl/index.md

@@ -398,7 +398,7 @@ div.legacyHSLA {
 ## See also
 
 - {{CSSXref("<hue>")}} data type
-- [`lch()`](/en-US/docs/Web/CSS/Reference/Values/color_value/lch) and [`hwb()`](/en-US/docs/Web/CSS/Reference/Values/color_value/hwb) color functions
+- {{cssxref("lch()")}} and {{cssxref("hwb()")}} color functions
 - [Hue interpolation in `color-mix()`](/en-US/docs/Web/CSS/Reference/Values/color_value/color-mix#using_hue_interpolation_in_color-mix)
 - [List of all color notations](/en-US/docs/Web/CSS/Reference/Values/color_value)
 - [Color format converter tool](/en-US/docs/Web/CSS/Guides/Colors/Color_format_converter)

files/en-us/web/css/reference/values/dashed-function/index.md

@@ -38,7 +38,7 @@ The markup features a {{htmlelement("p")}} containing some text content:
 
 #### CSS
 
-In our styles, we first define the CSS custom function. The function is called `--transparent` and accepts two parameters: a color and a numeric alpha channel value. Inside the function body, we use [relative color syntax](/en-US/docs/Web/CSS/Guides/Colors/Using_relative_colors) to transform the passed color into an [`oklch()`](/en-US/docs/Web/CSS/Reference/Values/color_value/oklch) color with an alpha channel equal to the passed alpha value; this becomes the function's `result`:
+In our styles, we first define the CSS custom function. The function is called `--transparent` and accepts two parameters: a color and a numeric alpha channel value. Inside the function body, we use [relative color syntax](/en-US/docs/Web/CSS/Guides/Colors/Using_relative_colors) to transform the passed color into an {{cssxref("oklch()")}} color with an alpha channel equal to the passed alpha value; this becomes the function's `result`:
 
 ```css live-sample___basic-example
 @function --transparent(--color <color>, --alpha <number>) {

files/en-us/web/css/reference/values/hue/index.md

@@ -12,7 +12,7 @@ sidebar: cssref
 ---
 
 The **`<hue>`** [CSS](/en-US/docs/Web/CSS) [data type](/en-US/docs/Web/CSS/Reference/Values/Data_types) represents the hue angle of a color.
-It is used in the color functions that accept hue expressed as a single value, specifically {{cssxref("hsl()")}}, [`hwb()`](/en-US/docs/Web/CSS/Reference/Values/color_value/hwb), [`lch()`](/en-US/docs/Web/CSS/Reference/Values/color_value/lch), and [`oklch()`](/en-US/docs/Web/CSS/Reference/Values/color_value/oklch) functional notations.
+It is used in the color functions that accept hue expressed as a single value, specifically {{cssxref("hsl()")}}, {{cssxref("hwb()")}}, {{cssxref("lch()")}}, and {{cssxref("oklch()")}} functional notations.
 
 ## Syntax
 

files/en-us/web/css/reference/values/revert-layer/index.md

@@ -8,7 +8,7 @@ sidebar: cssref
 
 The **`revert-layer`** [CSS-wide keyword](/en-US/docs/Web/CSS/Reference/Values/Data_types#css-wide_keywords) rolls back the value of a property in a {{cssxref("@layer", "cascade layer")}} to the value of the property in a CSS rule matching the element in a previous cascade layer. The value of a property with this keyword is recalculated as if no rules were specified on the target element in the current cascade layer.
 
-If there is no other cascade layer to revert to for the matching CSS rule, the property value rolls back to the [computed value](/en-US/docs/Web/CSS/Guides/Cascade/Property_value_processing#computed_value) derived from the current layer. Furthermore, if there is no matching CSS rule in the current layer, the property value for the element rolls back to the style defined in a previous [style origin](/en-US/docs/Glossary/Style_origin).
+If there is no other cascade layer to revert to for the matching CSS rule, the property value rolls back to the [computed value](/en-US/docs/Web/CSS/Guides/Cascade/Property_value_processing#computed_value) derived from the current layer. Furthermore, if there is no matching CSS rule in the current layer, the property value for the element rolls back to the style defined in a previous {{glossary("style origin")}}.
 
 This keyword can be applied to any CSS property, including the CSS shorthand property {{cssxref("all")}}.
 

files/en-us/web/css/reference/values/transform-function/index.md

@@ -39,15 +39,15 @@ The `<transform-function>` data type is specified using one of the transformatio
 
 ### Scaling (resizing)
 
-- [`scale()`](/en-US/docs/Web/CSS/Reference/Values/transform-function/scale)
+- {{cssxref("scale()")}}
   - : Scales an element up or down on the 2D plane.
 - [`scale3d()`](/en-US/docs/Web/CSS/Reference/Values/transform-function/scale3d)
   - : Scales an element up or down in 3D space.
-- [`scaleX()`](/en-US/docs/Web/CSS/Reference/Values/transform-function/scaleX)
+- {{cssxref("scaleX()")}}
   - : Scales an element up or down horizontally.
-- [`scaleY()`](/en-US/docs/Web/CSS/Reference/Values/transform-function/scaleY)
+- {{cssxref("scaleY()")}}
   - : Scales an element up or down vertically.
-- [`scaleZ()`](/en-US/docs/Web/CSS/Reference/Values/transform-function/scaleZ)
+- {{cssxref("scaleZ()")}}
   - : Scales an element up or down along the z-axis.
 
 ### Skewing (distortion)
@@ -63,13 +63,13 @@ The `<transform-function>` data type is specified using one of the transformatio
 
 - [`translate()`](/en-US/docs/Web/CSS/Reference/Values/transform-function/translate)
   - : Translates an element on the 2D plane.
-- [`translate3d()`](/en-US/docs/Web/CSS/Reference/Values/transform-function/translate3d)
+- {{cssxref("translate3d()")}}
   - : Translates an element in 3D space.
-- [`translateX()`](/en-US/docs/Web/CSS/Reference/Values/transform-function/translateX)
+- {{cssxref("translateX()")}}
   - : Translates an element horizontally.
-- [`translateY()`](/en-US/docs/Web/CSS/Reference/Values/transform-function/translateY)
+- {{cssxref("translateY()")}}
   - : Translates an element vertically.
-- [`translateZ()`](/en-US/docs/Web/CSS/Reference/Values/transform-function/translateZ)
+- {{cssxref("translateZ()")}}
   - : Translates an element along the z-axis.
 
 ## Description

files/en-us/web/css/reference/values/transform-function/scale3d/index.md

@@ -224,8 +224,8 @@ div {
 
 - {{cssxref("transform")}}
 - {{cssxref("<transform-function>")}}
-- [`scaleZ()`](/en-US/docs/Web/CSS/Reference/Values/transform-function/scaleZ)
-- [`translate3d()`](/en-US/docs/Web/CSS/Reference/Values/transform-function/translate3d)
+- {{cssxref("scaleZ()")}}
+- {{cssxref("translate3d()")}}
 - {{cssxref("rotate3d()")}}
 - Individual transform properties:
   - {{cssxref("translate")}}