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

Use accent color as header background when there is no cover image

Browse Source
This commit is contained in:
Sodbileg Gansukh
2021-02-18 11:40:20 +08:00
parent 306f7b2d9b
commit c1fcece376
6 changed files with 7 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
assets/css/global.css
View File

@ -3,7 +3,7 @@
:root {
/* Colours */
--brand: #ff383c;
--brand: #296EB4;
--blue: #3eb0ef;
--green: #a4d037;
--purple: #ad26b4;

20
assets/css/screen.css
View File

@ -114,7 +114,7 @@ body {
margin-top: 64px;
padding-bottom: 12px;
color: #fff;
background: color-mod(var(--darkgrey) l(-5%)) no-repeat center center;
background: var(--brand) no-repeat center center;
background-size: cover;
}
@ -283,7 +283,7 @@ body {
right: 0;
left: 0;
z-index: 1000;
background: color-mod(var(--darkgrey) l(-5%));
background: var(--brand);
}
.site-nav {
@ -303,22 +303,6 @@ body {
display: flex;
}
.site-header-background:not(.responsive-header-img) .site-nav-left-wrapper:after,
.site-nav-main .site-nav-left-wrapper:after {
content: "";
position: absolute;
top: 0;
z-index: 1000;
width: 40px;
height: 100%;
}
.site-header-background:not(.responsive-header-img) .site-nav-left-wrapper:after,
.site-nav-main .site-nav-left-wrapper:after {
right: 0;
background: linear-gradient(to right, color-mod(var(--darkgrey) l(-5%) a(0)) 0%,color-mod(var(--darkgrey) l(-5%)) 100%);
}
.site-nav-left {
flex: 1 0 auto;
display: flex;