Add pages for all links rules.

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)

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"