From d2d67c9f2e93b2acc4d9b71bad9a1eb96d6a6bea Mon Sep 17 00:00:00 2001 From: Walidoux Date: Tue, 5 Apr 2022 03:09:51 +0000 Subject: [PATCH] feat(styles): add typographies from fontsources --- styles/base/_typographies.scss | 12 ++++++++++++ styles/pages/home.module.scss | 10 ++++++++-- 2 files changed, 20 insertions(+), 2 deletions(-) create mode 100644 styles/base/_typographies.scss diff --git a/styles/base/_typographies.scss b/styles/base/_typographies.scss new file mode 100644 index 0000000..2d8e9d2 --- /dev/null +++ b/styles/base/_typographies.scss @@ -0,0 +1,12 @@ +@use '@fontsource/open-sans/scss/mixins' as OpenSans; + +@include OpenSans.fontFace($fontName: 'OpenSans-Regular', $weight: 400); +@include OpenSans.fontFace($fontName: 'OpenSans-Bold', $weight: 600); + +%title { + font-family: OpenSans-Regular, sans-serif; +} + +%sub-title { + font-family: OpenSans-Bold, sans-serif; +} diff --git a/styles/pages/home.module.scss b/styles/pages/home.module.scss index 3db519d..d888ad2 100644 --- a/styles/pages/home.module.scss +++ b/styles/pages/home.module.scss @@ -1,7 +1,13 @@ +@import 'mixins'; @import 'typographies'; .application { - @extend %title; + @include display-flex(center, center, column); - position: relative; + min-height: 100vh; + max-width: 100vw; + + .message { + @extend %title; + } }