ghostcms/liebling
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: transparent nav on homepage

Browse Source
This commit is contained in:
dragonwocky 2023-08-26 16:57:34 +10:00
parent 161bcd3cf4
commit 14a6870e9f
Signed by: dragonwocky
GPG Key ID: 7998D08F7D7BD7A8
2 changed files with 30 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
assets/css/app.css
View File

File diff suppressed because one or more lines are too long

44
src/sass/pyv.scss
View File

@ -63,6 +63,30 @@ html:not([data-theme]) {
--titles-color: white; --titles-color: white;
} }
/* transparent nav on homepage */
.home-template .m-header {
&,
& .m-nav__right::before {
background: transparent;
}
.m-logo__image-light {
display: none;
}
.m-logo__image-dark {
display: block;
}
}
@media only screen and (min-width: 48rem) {
.home-template .m-header {
--titles-color: white;
}
}
@media only screen and (max-width: 48rem) {
.home-template .in-mobile-topbar {
--titles-color: white;
}
}
/* concat primary & secondary nav on mobile */ /* concat primary & secondary nav on mobile */
@media only screen and (min-width: 48rem) { @media only screen and (min-width: 48rem) {
.m-nav__left .m-secondary-menu { .m-nav__left .m-secondary-menu {
@ -87,18 +111,6 @@ html:not([data-theme]) {
} }
} }
/* center hero images */
@media only screen and (min-width: 48rem) {
.headroom + main .m-hero__picture img {
margin-top: 67px;
}
}
@media only screen and (max-width: 48rem) {
.headroom + main .m-hero__picture img {
margin-top: 50px;
}
}
/* add wave shape divider to homepage */ /* add wave shape divider to homepage */
.m-hero__waves { .m-hero__waves {
position: absolute; position: absolute;
@ -229,11 +241,13 @@ html:not([data-theme]) {
/* page cover readability */ /* page cover readability */
.m-hero-title.bigger, .m-hero-title.bigger,
.m-hero-description.bigger { .m-hero-description.bigger,
.m-featured-article__title {
text-shadow: 1px 1px 1px black; text-shadow: 1px 1px 1px black;
} }
.m-hero__picture img { .m-hero__picture img,
filter: blur(2px); .m-featured-article__picture > [id] {
filter: blur(1px);
} }
/* pad table titles */ /* pad table titles */