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"
+```