From 0bd8e530c1d3b5b8d2f587942281a768394dd25a Mon Sep 17 00:00:00 2001
From: Andrew Polk <andrew_polk@sil.org>
Date: Wed, 22 May 2024 12:43:01 -0700
Subject: [PATCH] Check in docu-notion-styles.css so we can publish without
 pulling

---
 .gitignore                 |  2 --
 css/docu-notion-styles.css | 60 ++++++++++++++++++++++++++++++++++++++
 2 files changed, 60 insertions(+), 2 deletions(-)
 create mode 100644 css/docu-notion-styles.css

diff --git a/.gitignore b/.gitignore
index f2451f8..29cc020 100644
--- a/.gitignore
+++ b/.gitignore
@@ -29,6 +29,4 @@ static/downloads/docs-bloomlibrary-english-a4.pdf
 
 *.orig
 
-css/docu-notion-styles.css
-
 *.bak
diff --git a/css/docu-notion-styles.css b/css/docu-notion-styles.css
new file mode 100644
index 0000000..8998845
--- /dev/null
+++ b/css/docu-notion-styles.css
@@ -0,0 +1,60 @@
+/* This should be added to the docusaurus.config.js in order to show some notion things correctly.
+See the option: --css-output-directory 
+See the docusaurus docs: https://docusaurus.io/docs/styling-layout
+See the use in the docu-notion-sample-site: https://github.com/sillsdev/docu-notion-sample-site/blob/main/docusaurus.config.js
+*/
+
+/* Copied from
+    https://github1s.com/NotionX/react-notion-x/blob/master/packages/react-notion-x/src/styles.css#L934
+    and
+    https://github1s.com/NotionX/react-notion-x/blob/master/packages/react-notion-x/src/styles.css#L1063
+*/
+.notion-column {
+  display: flex;
+  flex-direction: column;
+  padding-top: 12px;
+  padding-bottom: 12px;
+}
+
+.notion-column > *:first-child {
+  margin-top: 0;
+  margin-left: 0;
+  margin-right: 0;
+}
+
+.notion-column > *:last-child {
+  margin-left: 0;
+  margin-right: 0;
+  margin-bottom: 0;
+}
+
+.notion-row {
+  display: flex;
+  overflow: hidden;
+  width: 100%;
+  max-width: 100%;
+}
+
+@media (max-width: 640px) {
+  .notion-row {
+    flex-direction: column;
+  }
+
+  .notion-row .notion-column {
+    width: 100% !important;
+  }
+
+  .notion-row .notion-spacer {
+    display: none;
+  }
+}
+
+.notion-spacer {
+  /* This matches the value in ColumnTransformer.ts */
+  width: calc(min(32px, 4vw));
+}
+
+.notion-spacer:last-child {
+  display: none;
+}
+/* End copied from NotionX */