diff options
| author | HampusM <hampus@hampusmat.com> | 2021-06-11 13:31:07 +0200 |
|---|---|---|
| committer | HampusM <hampus@hampusmat.com> | 2021-06-11 13:31:07 +0200 |
| commit | 7e9433762f51be2c4938481c9c33589982118033 (patch) | |
| tree | 9cfc36a1d59ac3c926bfcb2e222449da14cfec5d /packages/client/src/components/HomeHeader.vue | |
| parent | 55ab996795efdb125437d5728b50d03ac5d2612d (diff) | |
Goodbye, Bootstrap & added a button component
Diffstat (limited to 'packages/client/src/components/HomeHeader.vue')
| -rw-r--r-- | packages/client/src/components/HomeHeader.vue | 24 |
1 files changed, 14 insertions, 10 deletions
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; } |