From 22a4df3cc283f50b25185010e04c746300b43ba2 Mon Sep 17 00:00:00 2001
From: Tim Bannister <tim@scalefactory.com>
Date: Sun, 6 Oct 2024 20:39:45 +0100
Subject: [PATCH] Extract documentation styles to own file

(In preparation to closer alignment with Docsy), extract our custom
documentation styles into their own file.
---
 assets/scss/_base.scss          | 33 ++-------------------------------
 assets/scss/_documentation.scss | 31 +++++++++++++++++++++++++++++++
 2 files changed, 33 insertions(+), 31 deletions(-)
 create mode 100644 assets/scss/_documentation.scss

diff --git a/assets/scss/_base.scss b/assets/scss/_base.scss
index 6e4551a8fb..5ce32fcd78 100644
--- a/assets/scss/_base.scss
+++ b/assets/scss/_base.scss
@@ -1,5 +1,6 @@
 @import "reset";
 
+
 // header
 $full-width-paddingX: 20px;
 
@@ -35,6 +36,7 @@ $vendor-strip-font-size: 16px;
 $video-section-height: 200px;
 
 @import "size";
+@import "documentation";
 
 ////////////////////////////////////////////////////////////////////////////////////////////////////
 ////////////////////////////////////////////////////////////////////////////////////////////////////
@@ -898,34 +900,3 @@ footer.row {
   margin-right: initial;
 }
 
-/* DOCUMENTATION */
-
-// nav-tabs and tab-content
-.nav-tabs {
-  border-bottom: none !important;
-
-  .nav-item {
-    margin-bottom: 0;
-  }
-}
-
-.td-content .tab-content .highlight {
-  margin: 0;
-}
-
-//Table Content
-.tab-content table{
-  border-collapse: separate;
-  border-spacing: 6px;
-}
-
-.tab-pane {
-  border-radius: 0.25rem;
-  padding: 0 16px 16px;
-  overflow: auto;
-
-  border: 1px solid #dee2e6;
-  &:first-of-type.active {
-    border-top-left-radius: 0;
-  }
-}
diff --git a/assets/scss/_documentation.scss b/assets/scss/_documentation.scss
new file mode 100644
index 0000000000..d8b8a925bd
--- /dev/null
+++ b/assets/scss/_documentation.scss
@@ -0,0 +1,31 @@
+/* DOCUMENTATION */
+
+// nav-tabs and tab-content
+.nav-tabs {
+  border-bottom: none !important;
+
+  .nav-item {
+    margin-bottom: 0;
+  }
+}
+
+.td-content .tab-content .highlight {
+  margin: 0;
+}
+
+//Table Content
+.tab-content table{
+  border-collapse: separate;
+  border-spacing: 6px;
+}
+
+.tab-pane {
+  border-radius: 0.25rem;
+  padding: 0 16px 16px;
+  overflow: auto;
+
+  border: 1px solid #dee2e6;
+  &:first-of-type.active {
+    border-top-left-radius: 0;
+  }
+}