diff options
| author | Dillon <dillonzq@outlook.com> | 2020-03-16 10:36:56 +0300 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2020-03-16 10:36:56 +0300 |
| commit | ee1c5c22bc765660aad504c63c949239c454302e (patch) | |
| tree | 43bbc3fb2447f680d8c076c885a07f94a6494f15 /assets | |
| parent | 6e091b6fad270022f20003c7e13d7edf2496a44e (diff) | |
feat(style): add header title style config (#170)
Diffstat (limited to 'assets')
| -rw-r--r-- | assets/css/_partial/_header.scss | 4 | ||||
| -rw-r--r-- | assets/css/_variables.scss | 6 |
2 files changed, 9 insertions, 1 deletions
diff --git a/assets/css/_partial/_header.scss b/assets/css/_partial/_header.scss index fcb4d1b..6a1bbb2 100644 --- a/assets/css/_partial/_header.scss +++ b/assets/css/_partial/_header.scss @@ -8,7 +8,7 @@ header { } .header-title { - font-size: 1.5rem; + font-family: $header-title-font-family; font-weight: bold; overflow: hidden; white-space: nowrap; @@ -55,6 +55,7 @@ header { justify-content: space-between; .header-title { + font-size: $header-title-font-size-desktop; max-width: 30%; } @@ -105,6 +106,7 @@ header { .header-title { max-width: 80%; + font-size: $header-title-font-size-mobile; } .menu-toggle { diff --git a/assets/css/_variables.scss b/assets/css/_variables.scss index c22ca5c..2bfe303 100644 --- a/assets/css/_variables.scss +++ b/assets/css/_variables.scss @@ -57,6 +57,12 @@ $header-height-mobile: 3.5rem !default; $header-background-color: #f8f8f8 !default; $header-background-color-dark: #252627 !default; +// Font style of the header title +$header-title-font-family: $global-font-family !default; + +$header-title-font-size-desktop: 1.5rem !default; +$header-title-font-size-mobile: 1.5rem !default; + // Position of the header $header-position-desktop: if($header-normal-mode-desktop, static, fixed) !default; $header-position-mobile: if($header-normal-mode-mobile, static, fixed) !default; |