From fe0ee2634b4136c34036f6793329cd755b3fdf77 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:33:28 +0000
Subject: [PATCH] Sync mkdocs and reference index with changes.

---
 docs/reference/index.md |  9 +++++++++
 mkdocs.yml              | 16 ++++++++--------
 2 files changed, 17 insertions(+), 8 deletions(-)

diff --git a/docs/reference/index.md b/docs/reference/index.md
index 1ddd462b1..607587a59 100644
--- a/docs/reference/index.md
+++ b/docs/reference/index.md
@@ -4,6 +4,15 @@ Welcome to the Textual Reference.
 
 <div class="grid cards" markdown>
 
+-   :octicons-book-16:{ .lg .middle } __CSS Types__
+
+    ---
+
+    CSS Types are the data types that CSS [styles](../styles/index.md) accept in their rules.
+
+    :octicons-arrow-right-24: [CSS Types Reference](../css_types/index.md)
+
+
 -   :octicons-book-16:{ .lg .middle } __Events__
 
     ---
diff --git a/mkdocs.yml b/mkdocs.yml
index bcd98b6fa..92b192279 100644
--- a/mkdocs.yml
+++ b/mkdocs.yml
@@ -28,6 +28,14 @@ nav:
   - "roadmap.md"
   - Reference:
     - "reference/index.md"
+    - CSS Types:
+      - "css_types/index.md"
+      - "css_types/color.md"
+      - "css_types/fractional.md"
+      - "css_types/integer.md"
+      - "css_types/percentage.md"
+      - "css_types/scalar.md"
+      - "css_types/text_style.md"
     - Events:
       - "events/index.md"
       - "events/blur.md"
@@ -54,14 +62,6 @@ nav:
       - "events/screen_suspend.md"
       - "events/show.md"
     - Styles:
-      - CSS units:
-        - "styles/css_units/index.md"
-        - "styles/css_units/color.md"
-        - "styles/css_units/fractional.md"
-        - "styles/css_units/integer.md"
-        - "styles/css_units/percentage.md"
-        - "styles/css_units/scalar.md"
-        - "styles/css_units/text_style.md"
       - "styles/index.md"
       - "styles/align.md"
       - "styles/background.md"