From 482e28bbf6f9b9c7000fc64da4f9d93fb770f945 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: Mon, 19 Dec 2022 10:50:59 +0000
Subject: [PATCH] Add pages for all links rules.

---
 docs/styles/css_units/color.md             | 28 ++++++++++++++++++++++
 docs/styles/{links.md => links/index.md}   |  0
 docs/styles/links/link_background.md       |  0
 docs/styles/links/link_color.md            |  0
 docs/styles/links/link_hover_background.md |  0
 docs/styles/links/link_hover_color.md      |  0
 docs/styles/links/link_hover_style.md      |  0
 docs/styles/links/link_style.md            |  0
 mkdocs.yml                                 |  9 ++++++-
 9 files changed, 36 insertions(+), 1 deletion(-)
 rename docs/styles/{links.md => links/index.md} (100%)
 create mode 100644 docs/styles/links/link_background.md
 create mode 100644 docs/styles/links/link_color.md
 create mode 100644 docs/styles/links/link_hover_background.md
 create mode 100644 docs/styles/links/link_hover_color.md
 create mode 100644 docs/styles/links/link_hover_style.md
 create mode 100644 docs/styles/links/link_style.md

diff --git a/docs/styles/css_units/color.md b/docs/styles/css_units/color.md
index f5574c559..c770954b3 100644
--- a/docs/styles/css_units/color.md
+++ b/docs/styles/css_units/color.md
@@ -8,6 +8,34 @@
 
 --8<-- "../snippets/color_css_syntax.md"
 
+## Examples
+
+```css
+Widget {
+    color: red;
+    color: #A8F;
+    color: #FF00FFDD;
+    color: rgb(15,200,73);
+    color: hsl(300,20,70);
+    color: $accent;
+}
+```
+
+```py
+# Mimicking the CSS syntax
+widget.styles.color = "red"
+widget.styles.color = "#A8F"
+widget.styles.color = "#FF00FFDD"
+widget.styles.color = "rgb(15,200,73)"
+widget.styles.color = "hsl(300,20,70)"
+widget.styles.color = "$accent"
+
+# Using a Color object directly...
+widget.styles.color = Color(16, 200, 45)
+# ... which can parse the CSS syntax
+widget.styles.color = Color.parse("#A8F")
+```
+
 ## Used by
 
  - [`background`](../background.md)
diff --git a/docs/styles/links.md b/docs/styles/links/index.md
similarity index 100%
rename from docs/styles/links.md
rename to docs/styles/links/index.md
diff --git a/docs/styles/links/link_background.md b/docs/styles/links/link_background.md
new file mode 100644
index 000000000..e69de29bb
diff --git a/docs/styles/links/link_color.md b/docs/styles/links/link_color.md
new file mode 100644
index 000000000..e69de29bb
diff --git a/docs/styles/links/link_hover_background.md b/docs/styles/links/link_hover_background.md
new file mode 100644
index 000000000..e69de29bb
diff --git a/docs/styles/links/link_hover_color.md b/docs/styles/links/link_hover_color.md
new file mode 100644
index 000000000..e69de29bb
diff --git a/docs/styles/links/link_hover_style.md b/docs/styles/links/link_hover_style.md
new file mode 100644
index 000000000..e69de29bb
diff --git a/docs/styles/links/link_style.md b/docs/styles/links/link_style.md
new file mode 100644
index 000000000..e69de29bb
diff --git a/mkdocs.yml b/mkdocs.yml
index a8c59f569..507d13bee 100644
--- a/mkdocs.yml
+++ b/mkdocs.yml
@@ -81,7 +81,14 @@ nav:
       - "styles/layer.md"
       - "styles/layers.md"
       - "styles/layout.md"
-      - "styles/links.md"
+      - Links:
+        - "styles/links/index.md"
+        - "styles/links/link_color.md"
+        - "styles/links/link_background.md"
+        - "styles/links/link_style.md"
+        - "styles/links/link_hover_color.md"
+        - "styles/links/link_hover_background.md"
+        - "styles/links/link_hover_style.md"
       - "styles/margin.md"
       - "styles/max_height.md"
       - "styles/max_width.md"