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

refactor(styles): improve typographies

Browse Source
This commit is contained in:
Walid 2022-04-13 00:17:50 +00:00
parent 7528218126
commit 0c856ec7eb
No known key found for this signature in database
GPG Key ID: 4BDA1ABD227F9279
1 changed files with 23 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
styles/base/_typographies.scss
View File

@ -1,12 +1,32 @@
@use '@fontsource/open-sans/scss/mixins' as OpenSans;
@import 'helpers';
@include OpenSans.fontFace($fontName: 'OpenSans-Regular', $weight: 400);
@include OpenSans.fontFace($fontName: 'OpenSans-Bold', $weight: 600);
@include OpenSans.fontFace($fontName: 'OpenSans-ExtraBold', $weight: 700);
%title {
%typo-title {
padding: 0 10px;
text-align: center;
font-size: 2.325rem;
line-height: 2.5rem;
color: hsla(0deg 100% 100% / 100%);
font-family: OpenSans-Regular, sans-serif;
}
%sub-title {
font-family: OpenSans-Bold, sans-serif;
%typo-subtitle {
padding: 0 10px;
text-align: center;
font-size: 1.325rem;
line-height: 2rem;
color: hsla(0deg 100% 100% / 90%);
font-family: OpenSans-Regular, sans-serif;
}
%typo-button {
@extend %input;
padding: 10px 20px;
font-family: OpenSans-ExtraBold, sans-serif;
}