From 7e9433762f51be2c4938481c9c33589982118033 Mon Sep 17 00:00:00 2001
From: HampusM <hampus@hampusmat.com>
Date: Fri, 11 Jun 2021 13:31:07 +0200
Subject: Goodbye, Bootstrap & added a button component

---
 packages/client/src/components/HomeHeader.vue | 24 ++++++++++++++----------
 1 file changed, 14 insertions(+), 10 deletions(-)

(limited to 'packages/client/src/components/HomeHeader.vue')

diff --git a/packages/client/src/components/HomeHeader.vue b/packages/client/src/components/HomeHeader.vue
index 24afd5b..b108b9b 100644
--- a/packages/client/src/components/HomeHeader.vue
+++ b/packages/client/src/components/HomeHeader.vue
@@ -1,11 +1,9 @@
 <template>
-	<div id="header" class="d-flex mt-3 mb-3 ms-2">
-		<div class="d-inline ms-3">
-			<span id="title" class="fs-1">{{ title }}</span>
-			<p id="about" class="mb-3 fs-4">
-				{{ about }}
-			</p>
-		</div>
+	<div id="header">
+		<span id="title" class="fs-1">{{ title }}</span>
+		<p id="about" class="fs-4">
+			{{ about }}
+		</p>
 	</div>
 </template>
 
@@ -33,11 +31,17 @@ export default {
 };
 </script>
 
-<style lang="scss">
-@import "../scss/fonts";
+<style lang="scss" scoped>
+@use "../scss/mixins";
+@use "../scss/fonts";
+
+#header {
+	@include mixins.header;
+	flex-direction: column;
+}
 
 #title {
-	font-family: $font-title;
+	font-family: fonts.$title;
 	font-weight: 300;
 	line-height: 0.6;
 }
-- 
cgit v1.2.3-18-g5258

