saul365/LoveIt
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat(style): add header title style config (#170)

Browse Source
This commit is contained in:
Dillon
2020-03-16 15:36:56 +08:00
committed by GitHub
parent 6e091b6fad
commit ee1c5c22bc
5 changed files with 18 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
assets/css/_partial/_header.scss
View File

@@ -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 {

6
assets/css/_variables.scss
View File

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