From a7ce1be5f0c5dbaa8ed3788b90818dce3a0e2cfb Mon Sep 17 00:00:00 2001
From: Rory Schadler <48921090+roryschadler@users.noreply.github.com>
Date: Thu, 24 Mar 2022 16:11:00 -0400
Subject: [PATCH] #29: Move scoped styles to _tools.scss

---
 app/src/assets/css/modules/_tools.scss        | 50 +++++++++++++++++++
 app/src/assets/css/style.scss                 |  3 +-
 app/src/components/nanomine/LineChart.vue     | 19 -------
 .../nanomine/ReferenceContainer.vue           |  6 ---
 .../pages/metamine/PixelUnit/PixelUnit.vue    | 16 ------
 .../pages/nanomine/csvPlotter/CsvPlotter.vue  |  6 ---
 .../nanomine/tools/chemProps/ChemProps.vue    |  6 ---
 7 files changed, 52 insertions(+), 54 deletions(-)
 create mode 100644 app/src/assets/css/modules/_tools.scss

diff --git a/app/src/assets/css/modules/_tools.scss b/app/src/assets/css/modules/_tools.scss
new file mode 100644
index 00000000..568c9077
--- /dev/null
+++ b/app/src/assets/css/modules/_tools.scss
@@ -0,0 +1,50 @@
+// ChemProps.vue
+html {
+  scroll-behavior: smooth;
+}
+
+// CsvPlotter.vue
+.upload {
+  border: 5px dashed #777777;
+  min-height: 400px;
+}
+
+// LineChart.vue
+// Line
+.nm-line {
+  stroke: #3cba54;
+  stroke-width: 2px;
+  fill: none;
+}
+
+.tooltip {
+  fill: white;
+  stroke: #444;
+}
+
+.overlay {
+  fill: none;
+  pointer-events: all;
+}
+
+// ReferenceContainer.vue
+.reference {
+  padding-left: 36px;
+  text-indent: -36px;
+}
+
+// PixelUnit.vue
+#unit-cell {
+  background-color: #c0c0c0;
+  position: relative;
+  margin-left: 0px;
+  margin-top: 0px;
+  min-width: 300px;
+  min-height: 300px;
+  max-width: 300px;
+  max-height: 300px;
+}
+
+.adjust-padding {
+  padding: 3rem !important;
+}
\ No newline at end of file
diff --git a/app/src/assets/css/style.scss b/app/src/assets/css/style.scss
index cf1f33e4..6e197e82 100644
--- a/app/src/assets/css/style.scss
+++ b/app/src/assets/css/style.scss
@@ -16,4 +16,5 @@
 @import './modules/_section.scss';
 @import './modules/_utility.scss';
 @import './modules/_vega.scss';
-@import './modules/_visualize.scss';
\ No newline at end of file
+@import './modules/_visualize.scss';
+@import './modules/_tools.scss';
\ No newline at end of file
diff --git a/app/src/components/nanomine/LineChart.vue b/app/src/components/nanomine/LineChart.vue
index 4c935fa4..0c63a9c2 100644
--- a/app/src/components/nanomine/LineChart.vue
+++ b/app/src/components/nanomine/LineChart.vue
@@ -197,22 +197,3 @@ export default {
   }
 }
 </script>
-
-<style lang="scss" scoped>
-// Line
-.nm-line {
-  stroke: #3cba54;
-  stroke-width: 2px;
-  fill: none;
-}
-
-.tooltip {
-  fill: white;
-  stroke: #444;
-}
-
-.overlay {
-  fill: none;
-  pointer-events: all;
-}
-</style>
diff --git a/app/src/components/nanomine/ReferenceContainer.vue b/app/src/components/nanomine/ReferenceContainer.vue
index 5b1222f3..2bb76a8a 100644
--- a/app/src/components/nanomine/ReferenceContainer.vue
+++ b/app/src/components/nanomine/ReferenceContainer.vue
@@ -45,9 +45,3 @@ export default {
   }
 }
 </script>
-<style scoped lang="scss">
-.reference {
-  padding-left: 36px;
-  text-indent: -36px;
-}
-</style>
diff --git a/app/src/pages/metamine/PixelUnit/PixelUnit.vue b/app/src/pages/metamine/PixelUnit/PixelUnit.vue
index 65fe4992..f6dbcffb 100644
--- a/app/src/pages/metamine/PixelUnit/PixelUnit.vue
+++ b/app/src/pages/metamine/PixelUnit/PixelUnit.vue
@@ -1,18 +1,2 @@
 <template src="./PixelUnit.html"></template>
 <script src="./PixelUnit.js"></script>
-<style scoped>
-#unit-cell {
-  background-color: #c0c0c0;
-  position: relative;
-  margin-left: 0px;
-  margin-top: 0px;
-  min-width: 300px;
-  min-height: 300px;
-  max-width: 300px;
-  max-height: 300px;
-}
-
-.adjust-padding {
-  padding: 3rem !important;
-}
-</style>
diff --git a/app/src/pages/nanomine/csvPlotter/CsvPlotter.vue b/app/src/pages/nanomine/csvPlotter/CsvPlotter.vue
index c243fea2..be5e3d6d 100644
--- a/app/src/pages/nanomine/csvPlotter/CsvPlotter.vue
+++ b/app/src/pages/nanomine/csvPlotter/CsvPlotter.vue
@@ -1,8 +1,2 @@
 <template src="./csvPlotter.html"></template>
 <script src="./csvPlotter.js"></script>
-<style scoped>
-  .upload {
-    border: 5px dashed #777777;
-    min-height: 400px;
-  }
-</style>
diff --git a/app/src/pages/nanomine/tools/chemProps/ChemProps.vue b/app/src/pages/nanomine/tools/chemProps/ChemProps.vue
index 4165d279..821de578 100644
--- a/app/src/pages/nanomine/tools/chemProps/ChemProps.vue
+++ b/app/src/pages/nanomine/tools/chemProps/ChemProps.vue
@@ -1,8 +1,2 @@
 <template src="./chemProps.html"></template>
 <script src="./chemProps.js"></script>
-
-<style scoped>
-  html {
-    scroll-behavior: smooth;
-  }
-</style>