Walidoux/next-app-boilerplate
Walidoux/next-app-boilerplate
Template
1
1
Fork 0
Code Issues Pull Requests Actions Releases Activity

feat(styles): add typographies from fontsources

Browse Source
This commit is contained in:
Walid 2022-04-05 03:09:51 +00:00
parent 702a6b49ad
commit d2d67c9f2e
No known key found for this signature in database
GPG Key ID: 4BDA1ABD227F9279
2 changed files with 20 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
styles/base/_typographies.scss Normal file
View File

@ -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;
}

10
styles/pages/home.module.scss
View File

@ -1,7 +1,13 @@
@import 'mixins';
@import 'typographies'; @import 'typographies';
.application { .application {
@extend %title; @include display-flex(center, center, column);
position: relative; min-height: 100vh;
max-width: 100vw;
.message {
@extend %title;
}
} }