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

fix(header): fix mobile header height

Browse Source
This commit is contained in:
Dillon
2020-02-15 01:42:31 +08:00
parent f813ede1c5
commit 730ce7a1ca
5 changed files with 19 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
assets/css/_core/_base.scss
View File

@@ -1,5 +1,6 @@
html { html {
font-family: $global-font-family; font-family: $global-font-family;
font-size: 16px;
} }
/* scrollbar, only support webkit */ /* scrollbar, only support webkit */
@@ -25,7 +26,6 @@ html {
} }
body { body {
font-size: 16px;
font-weight: 400; font-weight: 400;
line-height: 1.5rem; line-height: 1.5rem;
background-color: $global-background-color; background-color: $global-background-color;

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

@@ -52,8 +52,8 @@ header.mobile {
.header-wrapper { .header-wrapper {
padding: 0; padding: 0;
margin: 0; margin: 0;
height: 4.5rem; height: 4rem;
line-height: 4.5rem; line-height: 4rem;
background: $global-background-color; background: $global-background-color;
.header-container { .header-container {
@@ -72,12 +72,12 @@ header.mobile {
.menu-toggle { .menu-toggle {
cursor: pointer; cursor: pointer;
line-height: 4.5rem; line-height: 4rem;
span { span {
display: block; display: block;
background: #000; background: $global-font-color;
width: 24px; width: 1.5rem;
height: 2px; height: 2px;
-webkit-border-radius: 3px; -webkit-border-radius: 3px;
-moz-border-radius: 3px; -moz-border-radius: 3px;
@@ -92,11 +92,11 @@ header.mobile {
} }
span:nth-child(1) { span:nth-child(1) {
margin-bottom: 8px; margin-bottom: .5rem;
} }
span:nth-child(3) { span:nth-child(3) {
margin-top: 8px; margin-top: .5rem;
} }
&.active { &.active {
@@ -107,10 +107,10 @@ header.mobile {
} }
span:nth-child(1) { span:nth-child(1) {
-moz-transform: rotate(45deg) translate(4px, 6px); -moz-transform: rotate(45deg) translate(.4rem, .5rem);
-ms-transform: rotate(45deg) translate(4px, 6px); -ms-transform: rotate(45deg) translate(.4rem, .5rem);
-webkit-transform: rotate(45deg) translate(4px, 6px); -webkit-transform: rotate(45deg) translate(.4rem, .5rem);
transform: rotate(45deg) translate(4px, 6px); transform: rotate(45deg) translate(.4rem, .5rem);
} }
span:nth-child(2) { span:nth-child(2) {
@@ -118,10 +118,10 @@ header.mobile {
} }
span:nth-child(3) { span:nth-child(3) {
-moz-transform: rotate(-45deg) translate(8px, -10px); -moz-transform: rotate(-45deg) translate(.4rem, -.5rem);
-ms-transform: rotate(-45deg) translate(8px, -10px); -ms-transform: rotate(-45deg) translate(.4rem, -.5rem);
-webkit-transform: rotate(-45deg) translate(8px, -10px); -webkit-transform: rotate(-45deg) translate(.4rem, -.5rem);
transform: rotate(-45deg) translate(8px, -10px); transform: rotate(-45deg) translate(.4rem, -.5rem);
} }
} }
} }

2
assets/css/_variables.scss
View File

@@ -1,5 +1,3 @@
@charset 'utf-8';
// ============================== // ==============================
// Variables // Variables
// ============================== // ==============================

2
assets/css/style.template.scss
View File

@@ -1,3 +1,5 @@
@charset 'utf-8';
{{- if eq .Site.Params.home_mode "post" -}} {{- if eq .Site.Params.home_mode "post" -}}
$home-profile: true; $home-profile: true;
$home-posts: true; $home-posts: true;

2
resources/_gen/assets/scss/css/style.template.scss_b8ba9a60a151126bfcde1421dc0b972d.content
View File

File diff suppressed because one or more lines are too long