From 33e05014fdf35d88ae715dd7cf036586afb62bc1 Mon Sep 17 00:00:00 2001
From: Tamius Han <tamius.han@gmail.com>
Date: Sun, 1 Mar 2020 20:24:08 +0100
Subject: [PATCH] flex.css -> flex.scss for dat scoping

---
 src/csui/LoggerUi.vue               | 3 ++-
 src/install/first-time/App.vue      | 2 +-
 src/install/updated/App.vue         | 2 +-
 src/options/App.vue                 | 2 +-
 src/popup/App.vue                   | 2 +-
 src/res/css/common.scss             | 2 +-
 src/res/css/{flex.css => flex.scss} | 0
 7 files changed, 7 insertions(+), 6 deletions(-)
 rename src/res/css/{flex.css => flex.scss} (100%)

diff --git a/src/csui/LoggerUi.vue b/src/csui/LoggerUi.vue
index bcb5daa..61c1cb2 100644
--- a/src/csui/LoggerUi.vue
+++ b/src/csui/LoggerUi.vue
@@ -235,12 +235,13 @@ export default {
 }
 </script>
 
+<style scoped src="../res/css/flex.scss"></style> 
+
 <style lang="scss" scoped>
 @import '../res/css/colors.scss';
 @import '../res/css/font/overpass.css';
 @import '../res/css/font/overpass-mono.css';
 @import '../res/css/common.scss';
-@import '../res/css/flex.css';
 
 
 .root-window {
diff --git a/src/install/first-time/App.vue b/src/install/first-time/App.vue
index 68cf9cf..87b95ec 100644
--- a/src/install/first-time/App.vue
+++ b/src/install/first-time/App.vue
@@ -101,7 +101,7 @@ export default {
 
 <style src="../../res/css/font/overpass.css"></style>
 <style src="../../res/css/font/overpass-mono.css"></style>
-<style src="../../res/css/flex.css"></style>
+<style src="../../res/css/flex.scss"></style>
 <style src="../../res/css/common.scss"></style>
 
 <style lang="scss" scoped>
diff --git a/src/install/updated/App.vue b/src/install/updated/App.vue
index fc71851..3faee68 100644
--- a/src/install/updated/App.vue
+++ b/src/install/updated/App.vue
@@ -102,7 +102,7 @@ export default {
 
 <style src="../../res/css/font/overpass.css"></style>
 <style src="../../res/css/font/overpass-mono.css"></style>
-<style src="../../res/css/flex.css"></style>
+<style src="../../res/css/flex.scss"></style>
 <style src="../../res/css/common.scss"></style>
 
 <style lang="scss" scoped>
diff --git a/src/options/App.vue b/src/options/App.vue
index 265fd9f..48361f6 100644
--- a/src/options/App.vue
+++ b/src/options/App.vue
@@ -216,7 +216,7 @@ export default {
 
 <style src="../res/css/font/overpass.css"></style>
 <style src="../res/css/font/overpass-mono.css"></style>
-<style src="../res/css/flex.css"></style>
+<style src="../res/css/flex.scss"></style>
 <style src="../res/css/common.scss"></style>
 <style src="./options.scss"></style>
 
diff --git a/src/popup/App.vue b/src/popup/App.vue
index db5af83..af02676 100644
--- a/src/popup/App.vue
+++ b/src/popup/App.vue
@@ -471,7 +471,7 @@ export default {
 
 <style src="../res/css/font/overpass.css"></style>
 <style src="../res/css/font/overpass-mono.css"></style>
-<style src="../res/css/flex.css"></style>
+<style src="../res/css/flex.scss"></style>
 <style src="../res/css/common.scss"></style>
 
 <style lang="scss" scoped>
diff --git a/src/res/css/common.scss b/src/res/css/common.scss
index e48df82..25bac41 100644
--- a/src/res/css/common.scss
+++ b/src/res/css/common.scss
@@ -1,7 +1,7 @@
 @import "colors.scss";
 @import "/res/css/font/overpass.css";
 @import "/res/css/font/overpass-mono.css";
-@import "/res/css/flex.css";
+@import "flex.scss";
 // @import "form.scss";
 
 body {
diff --git a/src/res/css/flex.css b/src/res/css/flex.scss
similarity index 100%
rename from src/res/css/flex.css
rename to src/res/css/flex.scss