Add pages for horizontal and vertical types.

docs/css_types/horizontal.md

@@ -0,0 +1,27 @@
+# <horizontal>
+
+The `<horizontal>` CSS type represents a position along the horizontal axis.
+
+## Syntax
+
+--8<-- "docs/snippets/type_syntax/horizontal.md"
+
+## Examples
+
+### CSS
+
+```sass
+* {
+    rule: left;
+    rule: center;
+    rule: right
+}
+```
+
+### Python
+
+```py
+horizontal = "left"
+horizontal = "center"
+horizontal = "right"
+```

docs/css_types/vertical.md

@@ -0,0 +1,27 @@
+# <vertical>
+
+The `<vertical>` CSS type represents a position along the vertical axis.
+
+## Syntax
+
+--8<-- "docs/snippets/type_syntax/vertical.md"
+
+## Examples
+
+### CSS
+
+```sass
+* {
+    rule: top;
+    rule: middle;
+    rule: bottom
+}
+```
+
+### Python
+
+```py
+vertical = "top"
+vertical = "middle"
+vertical = "bottom"
+```

docs/snippets/type_syntax/horizontal.md

@@ -0,0 +1,7 @@
+The [`<horizontal>`](/css_types/horizontal) type can take any of the following values:
+
+| Value            | Description                                  |
+| ---------------- | -------------------------------------------- |
+| `left` (default) | Aligns on the left of the horizontal axis.   |
+| `center`         | Aligns in the center of the horizontal axis. |
+| `right`          | Aligns on the right of the horizontal axis.  |

docs/snippets/type_syntax/vertical.md

@@ -0,0 +1,7 @@
+The [`<vertical>`](/css_types/vertical) type can take any of the following values:
+
+| Value           | Description                                |
+| --------------- | ------------------------------------------ |
+| `top` (default) | Aligns at the top of the vertical axis.    |
+| `middle`        | Aligns in the middle of the vertical axis. |
+| `bottom`        | Aligns at the bottom of the vertical axis. |