From 52497172b03ca452a3158b994399c984b31dea8c 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 10:34:37 +0000
Subject: [PATCH] Add example to compare border and outline.

---
 docs/examples/styles/outline_vs_border.css | 11 +++++++++++
 docs/examples/styles/outline_vs_border.py  | 21 +++++++++++++++++++++
 2 files changed, 32 insertions(+)
 create mode 100644 docs/examples/styles/outline_vs_border.css
 create mode 100644 docs/examples/styles/outline_vs_border.py

diff --git a/docs/examples/styles/outline_vs_border.css b/docs/examples/styles/outline_vs_border.css
new file mode 100644
index 000000000..8153bf048
--- /dev/null
+++ b/docs/examples/styles/outline_vs_border.css
@@ -0,0 +1,11 @@
+Label {
+    height: 8;
+}
+
+.outline {
+    outline: $error round;
+}
+
+.border {
+    border: $success heavy;
+}
diff --git a/docs/examples/styles/outline_vs_border.py b/docs/examples/styles/outline_vs_border.py
new file mode 100644
index 000000000..62b072ebd
--- /dev/null
+++ b/docs/examples/styles/outline_vs_border.py
@@ -0,0 +1,21 @@
+from textual.app import App
+from textual.widgets import Label
+
+
+TEXT = """I must not fear.
+Fear is the mind-killer.
+Fear is the little-death that brings total obliteration.
+I will face my fear.
+I will permit it to pass over me and through me.
+And when it has gone past, I will turn the inner eye to see its path.
+Where the fear has gone there will be nothing. Only I will remain."""
+
+
+class OutlineBorderApp(App):
+    def compose(self):
+        yield Label(TEXT, classes="outline")
+        yield Label(TEXT, classes="border")
+        yield Label(TEXT, classes="outline border")
+
+
+app = OutlineBorderApp(css_path="outline_vs_border.css")