From e7ff2833b6c61b8f16ef00776357fde7dc2bd4a3 Mon Sep 17 00:00:00 2001
From: Florian-Schoenherr <Florian.Schoenherr.iqb@fh-zwickau.de>
Date: Sat, 7 Nov 2020 17:02:52 +0100
Subject: [PATCH 1/2] feat(MaterialApp): theme scrollbars, theme blank

---
 .../components/MaterialApp/MaterialApp.scss   | 36 +++++++++++++++++++
 .../components/MaterialApp/MaterialApp.svelte |  3 +-
 .../components/MaterialApp/_variables.scss    |  0
 3 files changed, 37 insertions(+), 2 deletions(-)
 create mode 100644 packages/svelte-materialify/src/components/MaterialApp/MaterialApp.scss
 create mode 100644 packages/svelte-materialify/src/components/MaterialApp/_variables.scss

diff --git a/packages/svelte-materialify/src/components/MaterialApp/MaterialApp.scss b/packages/svelte-materialify/src/components/MaterialApp/MaterialApp.scss
new file mode 100644
index 00000000..d73bced5
--- /dev/null
+++ b/packages/svelte-materialify/src/components/MaterialApp/MaterialApp.scss
@@ -0,0 +1,36 @@
+@import './variables';
+@import '../../styles/global';
+
+:root {
+	overflow: hidden;
+}
+body {
+	float: left;
+	width: 100%;
+	background: var(--theme-surface);
+}
+.s-app {
+	height: 100%;
+	overflow: auto;
+}
+
+
+*::-webkit-scrollbar {
+	width: 12px;
+	background: var(--theme-surface);
+}
+
+*::-webkit-scrollbar-track {
+	box-shadow: inset 0 0 6px var(--theme-buttons-disabled);
+	background: var(--theme-surface);
+}
+
+*::-webkit-scrollbar-thumb {
+	box-shadow: inset 0 0 6px var(--theme-icons-inactive);
+	background: var(--theme-text-secondary);
+	border-radius: 9px;
+}
+
+*::-webkit-scrollbar-thumb:hover {
+	background: var(--theme-text-primary);
+}
diff --git a/packages/svelte-materialify/src/components/MaterialApp/MaterialApp.svelte b/packages/svelte-materialify/src/components/MaterialApp/MaterialApp.svelte
index cd0a0f7b..3007a910 100644
--- a/packages/svelte-materialify/src/components/MaterialApp/MaterialApp.svelte
+++ b/packages/svelte-materialify/src/components/MaterialApp/MaterialApp.svelte
@@ -2,8 +2,7 @@
   export let theme = 'light';
 </script>
 
-<style type="scss" global>
-  @import '../../styles/global';
+<style lang="scss" src="./MaterialApp.scss" global>
 </style>
 
 <div class="s-app theme--{theme}">
diff --git a/packages/svelte-materialify/src/components/MaterialApp/_variables.scss b/packages/svelte-materialify/src/components/MaterialApp/_variables.scss
new file mode 100644
index 00000000..e69de29b

From 107d8b31c01f06773275e1175bc0c96f8ddcdb51 Mon Sep 17 00:00:00 2001
From: Florian-Schoenherr <Florian.Schoenherr.iqb@fh-zwickau.de>
Date: Sat, 7 Nov 2020 17:42:15 +0100
Subject: [PATCH 2/2] refactor: lint

---
 .../components/MaterialApp/MaterialApp.scss   | 32 +++++++++----------
 .../components/MaterialApp/_variables.scss    |  0
 2 files changed, 16 insertions(+), 16 deletions(-)
 delete mode 100644 packages/svelte-materialify/src/components/MaterialApp/_variables.scss

diff --git a/packages/svelte-materialify/src/components/MaterialApp/MaterialApp.scss b/packages/svelte-materialify/src/components/MaterialApp/MaterialApp.scss
index d73bced5..64cf575c 100644
--- a/packages/svelte-materialify/src/components/MaterialApp/MaterialApp.scss
+++ b/packages/svelte-materialify/src/components/MaterialApp/MaterialApp.scss
@@ -1,36 +1,36 @@
-@import './variables';
 @import '../../styles/global';
 
 :root {
-	overflow: hidden;
+  overflow: hidden;
 }
+
 body {
-	float: left;
-	width: 100%;
-	background: var(--theme-surface);
+  float: left;
+  width: 100%;
+  background: var(--theme-surface);
 }
+
 .s-app {
-	height: 100%;
-	overflow: auto;
+  height: 100%;
+  overflow: auto;
 }
 
-
 *::-webkit-scrollbar {
-	width: 12px;
-	background: var(--theme-surface);
+  width: 12px;
+  background: var(--theme-surface);
 }
 
 *::-webkit-scrollbar-track {
-	box-shadow: inset 0 0 6px var(--theme-buttons-disabled);
-	background: var(--theme-surface);
+  box-shadow: inset 0 0 6px var(--theme-buttons-disabled);
+  background: var(--theme-surface);
 }
 
 *::-webkit-scrollbar-thumb {
-	box-shadow: inset 0 0 6px var(--theme-icons-inactive);
-	background: var(--theme-text-secondary);
-	border-radius: 9px;
+  box-shadow: inset 0 0 6px var(--theme-icons-inactive);
+  background: var(--theme-text-secondary);
+  border-radius: 9px;
 }
 
 *::-webkit-scrollbar-thumb:hover {
-	background: var(--theme-text-primary);
+  background: var(--theme-text-primary);
 }
diff --git a/packages/svelte-materialify/src/components/MaterialApp/_variables.scss b/packages/svelte-materialify/src/components/MaterialApp/_variables.scss
deleted file mode 100644
index e69de29b..00000000