keb/kesper
1
0
Fork 0
mirror of https://github.com/ZetaKebab/kesper.git synced 2025-07-04 19:07:37 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Cleanup header style

Browse Source
This commit is contained in:
Sodbileg Gansukh
2022-05-14 23:10:43 +08:00
parent 4c8ccde081
commit 6c922fca35
6 changed files with 33 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
assets/css/screen.css
View File

@ -117,6 +117,8 @@ production stylesheet in assets/built/screen.css
.site-header-content.vertical {
align-items: center;
padding-top: 84px;
padding-bottom: 32px;
}
.has-cover-image .site-header-content {
@ -142,10 +144,17 @@ body:not(.has-cover-image) .site-header-content:not(.vertical) {
text-align: center;
}
.site-icon {
.site-logo {
flex-shrink: 0;
width: 120px;
height: 120px;
object-fit: contain;
}
.site-header-content.vertical .site-logo {
width: auto;
height: auto;
max-height: 120px;
}
.site-title {
@ -164,6 +173,11 @@ body:not(.has-cover-image) .site-header-content:not(.vertical) {
line-height: 1.3;
}
.site-header-content.vertical .site-description {
margin-top: 0;
padding-bottom: 32px;
}
@media (max-width: 600px) {
.site-description {
max-width: 80vmin;
@ -217,18 +231,17 @@ body:not(.has-cover-image) .site-header-content:not(.vertical) {
.gh-head-logo {
display: block;
padding: 10px 0;
font-weight: 800;
font-size: 2.6rem;
letter-spacing: -0.02em;
}
.home-template .gh-head-logo {
.no-logo .gh-head-logo {
display: none;
}
.gh-head-logo img {
max-height: 26px;
max-height: 40px;
}
@ -241,7 +254,7 @@ body:not(.has-cover-image) .site-header-content:not(.vertical) {
font-weight: 500;
}
.home-template .gh-head-menu {
.no-logo .gh-head-menu {
margin-left: -32px;
}
@ -249,13 +262,14 @@ body:not(.has-cover-image) .site-header-content:not(.vertical) {
display: inline-flex;
flex-wrap: wrap;
align-items: center;
gap: 24px;
list-style: none;
margin: 0;
padding: 0;
}
.gh-head-menu .nav li {
margin: 0 32px 0 0;
margin: 0;
padding: 0;
}
@ -330,7 +344,7 @@ a.gh-head-button {
padding: 8px 16px;
height: 40px;
font-weight: 600;
letter-spacing: -0.01em;
letter-spacing: -0.005em;
font-size: 1.5rem;
border-radius: 6px;
color: #fff;