From 8fd118c4bcde9a960b5539a0d6bd265998e8851c 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, 4 Jan 2023 11:25:47 +0000
Subject: [PATCH] Add overflow CSS type.

---
 docs/css_types/overflow.md            | 27 +++++++++++++++++++++++++++
 docs/snippets/type_syntax/overflow.md |  7 +++++++
 mkdocs.yml                            |  1 +
 3 files changed, 35 insertions(+)
 create mode 100644 docs/css_types/overflow.md
 create mode 100644 docs/snippets/type_syntax/overflow.md

diff --git a/docs/css_types/overflow.md b/docs/css_types/overflow.md
new file mode 100644
index 000000000..c5fe6010e
--- /dev/null
+++ b/docs/css_types/overflow.md
@@ -0,0 +1,27 @@
+# &lt;overflow&gt;
+
+The `<overflow>` CSS type represents overflow modes.
+
+## Syntax
+
+--8<-- "docs/snippets/type_syntax/overflow.md"
+
+## Examples
+
+### CSS
+
+```sass
+* {
+    rule: auto;    /* Determine overflow mode automatically. */
+    rule: hidden;  /* Don't overflow. */
+    rule: scroll;  /* Allow overflowing. */
+}
+```
+
+### Python
+
+```py
+overflow = "auto"    # Determine overflow mode automatically.
+overflow = "hidden"  # Don't overflow.
+overflow = "scroll"  # Allow overflowing.
+```
diff --git a/docs/snippets/type_syntax/overflow.md b/docs/snippets/type_syntax/overflow.md
new file mode 100644
index 000000000..25307f510
--- /dev/null
+++ b/docs/snippets/type_syntax/overflow.md
@@ -0,0 +1,7 @@
+The [`<overflow>`](/css_types/overflow) type can take any of the following values:
+
+| Value    | Description                            |
+|----------|----------------------------------------|
+| `auto`   | Determine overflow mode automatically. |
+| `hidden` | Don't overflow.                        |
+| `scroll` | Allow overflowing.                     |
diff --git a/mkdocs.yml b/mkdocs.yml
index fa67d613e..f0693c69c 100644
--- a/mkdocs.yml
+++ b/mkdocs.yml
@@ -36,6 +36,7 @@ nav:
       - "css_types/integer.md"
       - "css_types/name.md"
       - "css_types/number.md"
+      - "css_types/overflow.md"
       - "css_types/percentage.md"
       - "css_types/scalar.md"
       - "css_types/text_style.md"