style: optimize header style

This commit is contained in:
XPoet 2020-12-24 21:40:41 +08:00
parent 3af22f08d0
commit abd2d8185e
1 changed files with 24 additions and 13 deletions

View File

@ -34,12 +34,15 @@ $logo-title-font-size = 2.2rem;
} }
.left { .left {
display: flex;
align-items: center;
.logo-title { .logo-title {
font-size: $logo-title-font-size; font-size: $logo-title-font-size;
font-weight: bold; font-weight: bold;
letter-spacing: 1px; letter-spacing: 1px;
color: var(--first-text-color); color: var(--first-text-color);
transition();
+keep-tablet() { +keep-tablet() {
font-size: $logo-title-font-size * 0.9; font-size: $logo-title-font-size * 0.9;
@ -167,7 +170,6 @@ $logo-title-font-size = 2.2rem;
.menu-bar-middle { .menu-bar-middle {
width: 18px; width: 18px;
height: 2.6px; height: 2.6px;
//margin: 6px 0;
position: relative; position: relative;
background: var(--default-text-color); background: var(--default-text-color);
transition(); transition();
@ -306,25 +308,34 @@ $logo-title-font-size = 2.2rem;
.header-content { .header-content {
.logo-title { .left {
transform: scale(0.8); transform: scale(0.88);
transform-origin: left top; transform-origin: left top;
transition();
} }
.menu-list { .right {
.menu-item {
a:hover { .pc {
&::after {
bottom: -($header-shrink-height / 2 - 12); .menu-list {
} .menu-item {
} a:hover {
&::after {
bottom: -($header-shrink-height / 2 - 12);
}
}
.active::after {
bottom: -($header-shrink-height / 2 - 12);
}
}
.active::after {
bottom: -($header-shrink-height / 2 - 12);
} }
} }
} }
} }