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

Header

Browse Source
This commit is contained in:
Sodbileg Gansukh
2022-05-06 14:12:11 +08:00
parent ff4e4226c0
commit f74e9241bb
5 changed files with 64 additions and 82 deletions
Download Patch File Download Diff File Expand all files Collapse all files

81
assets/css/screen.css
View File

@ -8,8 +8,6 @@ production stylesheet in assets/built/screen.css
2. Layout
3. Special Templates
4. Site Header
4.1 Home header
4.2 Archive header
5. Site Navigation
6. Post Feed
7. Single Post
@ -110,31 +108,41 @@ production stylesheet in assets/built/screen.css
position: relative;
z-index: 100;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 6vw 3vw;
align-items: flex-end;
height: 600px;
min-height: 200px;
max-height: 340px;
text-align: center;
padding-top: 104px;
padding-bottom: 64px;
color: #fff;
}
.site-header-inner {
position: relative;
display: flex;
align-items: center;
}
.site-icon {
flex-shrink: 0;
margin-right: 24px;
width: 120px;
height: 120px;
}
.site-title {
z-index: 10;
margin: 0 0 0.15em;
margin: 0;
padding: 0;
}
.site-logo {
max-height: 55px;
font-size: 4.8rem;
font-weight: 800;
}
.site-description {
z-index: 10;
max-width: 600px;
margin: 0 auto;
line-height: 1.2em;
opacity: 0.8;
margin-top: 8px;
max-width: 560px;
font-size: 2rem;
line-height: 1.3;
}
@media (max-width: 600px) {
@ -144,34 +152,13 @@ production stylesheet in assets/built/screen.css
}
}
/* 4.1 Home header
/* ---------------------------------------------------------- */
.site-home-header {
position: relative;
z-index: 1000;
overflow: hidden;
}
.site-header-content {
padding: 18vmin 4vmin;
font-size: 2.5rem;
font-weight: 400;
color: #fff;
background: var(--ghost-accent-color);
}
.site-header-content.large {
padding-top: 28vmin;
padding-bottom: 28vmin;
}
/* 5. Site Navigation
/* ---------------------------------------------------------- */
.gh-head {
padding: 1vmin 4vmin;
padding-top: 32px;
padding-bottom: 32px;
font-size: 1.6rem;
line-height: 1.3em;
color: #fff;
@ -236,14 +223,13 @@ production stylesheet in assets/built/screen.css
}
.gh-head-menu .nav li {
margin: 0 2.5vmin 0 0;
margin: 0 32px 0 0;
padding: 0;
}
.gh-head-menu .nav a {
display: inline-block;
padding: 5px 0;
opacity: 0.8
}
.gh-head-menu .nav a:hover {
@ -303,15 +289,16 @@ production stylesheet in assets/built/screen.css
}
a.gh-head-button {
display: block;
padding: 8px 15px;
display: inline-flex;
align-items: center;
padding: 8px 16px;
height: 40px;
color: var(--button-text-color, var(--color-darkgrey));
font-weight: 500;
font-weight: 600;
letter-spacing: -0.015em;
font-size: 1.5rem;
line-height: 1em;
background: var(--button-bg-color, #fff);
border-radius: 30px;
border-radius: 6px;
}