From 3a4bbac6d4c0e9eb8765179b4fd43ab6c0d37635 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Julius=20H=C3=A4rtl?= <jus@bitgrid.net>
Date: Sat, 11 Jul 2020 11:08:55 +0200
Subject: [PATCH] Move scss variables to dedicated file
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: Julius Härtl <jus@bitgrid.net>
---
 src/components/board/Board.vue           |  7 ++-----
 src/components/board/Stack.vue           |  3 +--
 src/components/cards/CardItem.vue        |  4 +---
 src/components/dashboards/Dashboards.vue | 19 ++++++++++---------
 src/css/variables.scss                   |  5 +++++
 5 files changed, 19 insertions(+), 19 deletions(-)
 create mode 100644 src/css/variables.scss

diff --git a/src/components/board/Board.vue b/src/components/board/Board.vue
index 32eab0ec2..7e7fda6f6 100644
--- a/src/components/board/Board.vue
+++ b/src/components/board/Board.vue
@@ -157,11 +157,8 @@ export default {
 
 <style lang="scss" scoped>
 
-	@import '../../css/animations.scss';
-
-	$board-spacing: 15px;
-	$stack-spacing: 10px;
-	$stack-width: 300px;
+	@import "../../css/animations.scss";
+	@import "../../css/variables.scss";
 
 	form {
 		text-align: center;
diff --git a/src/components/board/Stack.vue b/src/components/board/Stack.vue
index 8f2b35186..27fe84eec 100644
--- a/src/components/board/Stack.vue
+++ b/src/components/board/Stack.vue
@@ -253,8 +253,7 @@ export default {
 
 <style lang="scss" scoped>
 
-	$stack-spacing: 10px;
-	$stack-width: 260px;
+	@import './../../css/variables';
 
 	.stack {
 		width: $stack-width;
diff --git a/src/components/cards/CardItem.vue b/src/components/cards/CardItem.vue
index 2df8a6c07..ddae4f234 100644
--- a/src/components/cards/CardItem.vue
+++ b/src/components/cards/CardItem.vue
@@ -165,9 +165,7 @@ export default {
 
 <style lang="scss" scoped>
 	@import './../../css/animations';
-
-	$card-spacing: 10px;
-	$card-padding: 10px;
+	@import './../../css/variables';
 
 	body.dark .card {
 		border: 1px solid var(--color-border);
diff --git a/src/components/dashboards/Dashboards.vue b/src/components/dashboards/Dashboards.vue
index 5126ff515..58497bb11 100644
--- a/src/components/dashboards/Dashboards.vue
+++ b/src/components/dashboards/Dashboards.vue
@@ -132,25 +132,26 @@ export default {
 			})
 			return all
 
-		}
-	},
-	created() {
-		this.$store.dispatch('loadDashboards')
+		},
 	},
 
 }
 </script>
 
 <style lang="scss" scoped>
+@import './../../css/variables';
 
 .dashboard {
-  display: flex;
+	display: flex;
 	align-items: stretch;
+	margin: $board-spacing;
 
-  .dashboard-column {
-    display: flex;
-    flex-direction: column;
-  }
+	.dashboard-column {
+		display: flex;
+		flex-direction: column;
+		width: $stack-width;
+		margin: $stack-spacing;
+	}
 }
 
 </style>
diff --git a/src/css/variables.scss b/src/css/variables.scss
new file mode 100644
index 000000000..ff339e192
--- /dev/null
+++ b/src/css/variables.scss
@@ -0,0 +1,5 @@
+$card-spacing: 10px;
+$card-padding: 10px;
+$stack-spacing: 10px;
+$stack-width: 260px;
+$board-spacing: 15px;