From 1cf7bcec6a93b6272d8f498070e3f4c65e8cdbe8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?sag=E2=80=8Be?= <laymonage@gmail.com>
Date: Wed, 30 Oct 2024 19:25:17 +0000
Subject: [PATCH] Demonstrate CSS from host leaking into notification component

---
 docs/_static/custom.css | 23 +++++++++++++++++++++++
 docs/conf.py            |  4 ++++
 2 files changed, 27 insertions(+)
 create mode 100644 docs/_static/custom.css

diff --git a/docs/_static/custom.css b/docs/_static/custom.css
new file mode 100644
index 0000000..027f6b1
--- /dev/null
+++ b/docs/_static/custom.css
@@ -0,0 +1,23 @@
+.toast {
+    animation-name: spin;
+    animation-duration: 500ms;
+    animation-iteration-count: infinite;
+    animation-timing-function: linear;
+    opacity: 0.5;
+    font-weight: bold;
+    animation-name: spin;
+    position: fixed;
+    display: block;
+    top: 0;
+    right: 0;
+}
+
+@keyframes spin {
+    from {
+        transform: rotate(0deg);
+    }
+
+    to {
+        transform: rotate(360deg);
+    }
+}
\ No newline at end of file
diff --git a/docs/conf.py b/docs/conf.py
index 680299a..e740d9c 100644
--- a/docs/conf.py
+++ b/docs/conf.py
@@ -5,6 +5,10 @@
 html_theme = 'furo'
 
 html_context = {}
+html_static_path = ["_static"]
+html_css_files = [
+    'custom.css',
+]
 
 # NOTE: this should be done automatically by the theme,
 # but for some reason it's not working as I expect.