From 74c525e56d96934d52dc02c91c1ae8b86b1a248a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Rodrigo=20Gir=C3=A3o=20Serr=C3=A3o?=
 <5621605+rodrigogiraoserrao@users.noreply.github.com>
Date: Wed, 21 Dec 2022 17:32:44 +0000
Subject: [PATCH] Rename CSS units as CSS types.

---
 docs/{styles/css_units => css_types}/color.md      |  0
 docs/{styles/css_units => css_types}/fractional.md |  0
 docs/css_types/index.md                            | 12 ++++++++++++
 docs/{styles/css_units => css_types}/integer.md    |  0
 docs/{styles/css_units => css_types}/percentage.md |  0
 docs/{styles/css_units => css_types}/scalar.md     |  0
 docs/{styles/css_units => css_types}/text_style.md |  0
 docs/styles/css_units/index.md                     | 12 ------------
 8 files changed, 12 insertions(+), 12 deletions(-)
 rename docs/{styles/css_units => css_types}/color.md (100%)
 rename docs/{styles/css_units => css_types}/fractional.md (100%)
 create mode 100644 docs/css_types/index.md
 rename docs/{styles/css_units => css_types}/integer.md (100%)
 rename docs/{styles/css_units => css_types}/percentage.md (100%)
 rename docs/{styles/css_units => css_types}/scalar.md (100%)
 rename docs/{styles/css_units => css_types}/text_style.md (100%)
 delete mode 100644 docs/styles/css_units/index.md

diff --git a/docs/styles/css_units/color.md b/docs/css_types/color.md
similarity index 100%
rename from docs/styles/css_units/color.md
rename to docs/css_types/color.md
diff --git a/docs/styles/css_units/fractional.md b/docs/css_types/fractional.md
similarity index 100%
rename from docs/styles/css_units/fractional.md
rename to docs/css_types/fractional.md
diff --git a/docs/css_types/index.md b/docs/css_types/index.md
new file mode 100644
index 000000000..60aaaa695
--- /dev/null
+++ b/docs/css_types/index.md
@@ -0,0 +1,12 @@
+# CSS Types
+
+CSS types define the values that Textual CSS rules accept.
+
+CSS types will be linked from within the [styles reference](../styles/index.md) in the "Formal Syntax" section of each rule.
+The CSS types will be denoted by a keyword enclosed by angle brackets `<` and `>`.
+
+For example, the style [`align-horizontal`](../styles/align.md) references the CSS type [<horizontal>](./horizontal.md):
+
+--8<-- "docs/snippets/syntax_block_start.md"
+align-horizontal: <a href="./horizontal.md">&lt;horizontal&gt;</a>
+--8<-- "docs/snippets/syntax_block_end.md"
diff --git a/docs/styles/css_units/integer.md b/docs/css_types/integer.md
similarity index 100%
rename from docs/styles/css_units/integer.md
rename to docs/css_types/integer.md
diff --git a/docs/styles/css_units/percentage.md b/docs/css_types/percentage.md
similarity index 100%
rename from docs/styles/css_units/percentage.md
rename to docs/css_types/percentage.md
diff --git a/docs/styles/css_units/scalar.md b/docs/css_types/scalar.md
similarity index 100%
rename from docs/styles/css_units/scalar.md
rename to docs/css_types/scalar.md
diff --git a/docs/styles/css_units/text_style.md b/docs/css_types/text_style.md
similarity index 100%
rename from docs/styles/css_units/text_style.md
rename to docs/css_types/text_style.md
diff --git a/docs/styles/css_units/index.md b/docs/styles/css_units/index.md
deleted file mode 100644
index 45c5735fc..000000000
--- a/docs/styles/css_units/index.md
+++ /dev/null
@@ -1,12 +0,0 @@
-# CSS units
-
-Many CSS rules accept units of some sort, as opposed to a set of values.
-
-The different CSS units are:
-
- - [color](./color.md) – e.g., to set the background color of a widget;
- - [fractional](./fractional.md) – e.g., to set the opacity of a widget;
- - [integer](./integer.md) – e.g., to set the size of a grid layout;
- - [percentage](./percentage.md) – e.g., to set the transparency of colors;
- - [scalar](./scalar.md) – e.g., to set the dimensions of a widget; and
- - [text style](./text_style.md) – e.g., to style the text of a widget.