From acfd94405e98d774cbde11412972935fe4384f79 Mon Sep 17 00:00:00 2001
From: Zach Sailer <zsailer@apple.com>
Date: Fri, 20 Dec 2024 13:17:46 -0800
Subject: [PATCH] move CSS to the extension package

---
 .../style/base.css                            | 59 ++++++++++++++++
 packages/cell-input-footer/style/base.css     | 68 -------------------
 2 files changed, 59 insertions(+), 68 deletions(-)

diff --git a/packages/cell-input-footer-extension/style/base.css b/packages/cell-input-footer-extension/style/base.css
index e11f457..4a4b9fe 100644
--- a/packages/cell-input-footer-extension/style/base.css
+++ b/packages/cell-input-footer-extension/style/base.css
@@ -3,3 +3,62 @@
 
     https://jupyterlab.readthedocs.io/en/stable/developer/css.html
 */
+.jp-cellfooter {
+    margin-left: calc(8px + var(--jp-cell-prompt-width));
+    border-top: 0px;
+    border-bottom: var(--jp-border-width);
+    border-left: var(--jp-border-width);
+    border-right: var(--jp-border-width);
+    border-radius: 0;
+    border-color: var(--jp-toolbar-border-color);
+    border-style: solid;
+    position: relative;
+    line-height: 10px;
+  }
+  
+  .jp-cellfooter .jp-cellfooter-toolbar {
+    background-color: var(--jp-cell-editor-background);
+    border-radius: 0px;
+    box-shadow: none;
+    width: 100%;
+    min-height: 0px !important;
+    padding: 0px;
+    border: 0px;
+    height: 100%;
+  }
+  
+  .jp-cellfooter .jp-cellfooter-toolbar .jp-Toolbar-item {
+    border-radius: 0px;
+  }
+  
+  .jp-cellfooter .jp-cellfooter-toolbar .jp-cell-footer-toolbar-text {
+    border-radius: 0px;
+    font-size: x-small;
+    color: var(--jp-ui-font-color2);
+    margin-right: 5px;
+  }
+  
+  .jp-cellfooter .jp-cellfooter-toolbar .jp-ToolbarButtonComponent {
+    margin: 0px;
+    color: var(--jp-ui-font-color2);
+    font-size: x-small;
+    line-height: 10px;
+    border-radius: 0px;
+  }
+  
+  .jp-cellfooter .jp-cellfooter-toolbar .jp-ToolbarButtonComponent-label {
+    line-height: 10px;
+  }
+  
+  .jp-cellfooter .jp-cellfooter-toolbar .jp-Toolbar-Icon {
+    width: 21px;
+    height: 21px;
+    line-height: 10px;
+  }
+  
+  .jp-cellfooter .jp-cellfooter-toolbar .jp-Toolbar-Icon > svg {
+    width: 16px;
+    height: 16px;
+    margin: auto;
+  }
+  
\ No newline at end of file
diff --git a/packages/cell-input-footer/style/base.css b/packages/cell-input-footer/style/base.css
index 4effe3c..e69de29 100644
--- a/packages/cell-input-footer/style/base.css
+++ b/packages/cell-input-footer/style/base.css
@@ -1,68 +0,0 @@
-/*
-    See the JupyterLab Developer Guide for useful CSS Patterns:
-
-    https://jupyterlab.readthedocs.io/en/stable/developer/css.html
-*/
-/*
-    See the JupyterLab Developer Guide for useful CSS Patterns:
-
-    https://jupyterlab.readthedocs.io/en/stable/developer/css.html
-*/
-.jp-cellfooter {
-  margin-left: calc(8px + var(--jp-cell-prompt-width));
-  border-top: 0px;
-  border-bottom: var(--jp-border-width);
-  border-left: var(--jp-border-width);
-  border-right: var(--jp-border-width);
-  border-radius: 0;
-  border-color: var(--jp-toolbar-border-color);
-  border-style: solid;
-  position: relative;
-  line-height: 10px;
-}
-
-.jp-cellfooter .jp-cellfooter-toolbar {
-  background-color: var(--jp-cell-editor-background);
-  border-radius: 0px;
-  box-shadow: none;
-  width: 100%;
-  min-height: 0px !important;
-  padding: 0px;
-  border: 0px;
-  height: 100%;
-}
-
-.jp-cellfooter .jp-cellfooter-toolbar .jp-Toolbar-item {
-  border-radius: 0px;
-}
-
-.jp-cellfooter .jp-cellfooter-toolbar .jp-cell-footer-toolbar-text {
-  border-radius: 0px;
-  font-size: x-small;
-  color: var(--jp-ui-font-color2);
-  margin-right: 5px;
-}
-
-.jp-cellfooter .jp-cellfooter-toolbar .jp-ToolbarButtonComponent {
-  margin: 0px;
-  color: var(--jp-ui-font-color2);
-  font-size: x-small;
-  line-height: 10px;
-  border-radius: 0px;
-}
-
-.jp-cellfooter .jp-cellfooter-toolbar .jp-ToolbarButtonComponent-label {
-  line-height: 10px;
-}
-
-.jp-cellfooter .jp-cellfooter-toolbar .jp-Toolbar-Icon {
-  width: 21px;
-  height: 21px;
-  line-height: 10px;
-}
-
-.jp-cellfooter .jp-cellfooter-toolbar .jp-Toolbar-Icon > svg {
-  width: 16px;
-  height: 16px;
-  margin: auto;
-}