A load of work done.
This commit is contained in:
@@ -1,6 +1,6 @@
|
||||
// Bulma customization
|
||||
|
||||
$primary = #0b2a37;
|
||||
$primary: #0b2a37;
|
||||
|
||||
// /Bulma customization
|
||||
|
||||
@@ -11,5 +11,50 @@ $primary = #0b2a37;
|
||||
// Custom styles
|
||||
|
||||
|
||||
.big-logo {
|
||||
font-size: 80px;
|
||||
color: $primary-invert;
|
||||
&:hover {
|
||||
color: darken($primary-invert, 10);
|
||||
}
|
||||
}
|
||||
|
||||
#home-navbar {
|
||||
&:not(.is-fixed-top) {
|
||||
patek-logo {
|
||||
font-size: 0;
|
||||
}
|
||||
}
|
||||
&.is-fixed-top {
|
||||
patek-logo {
|
||||
font-size: unset;
|
||||
}
|
||||
}
|
||||
patek-logo {
|
||||
transition: font-size 0.2s;
|
||||
}
|
||||
}
|
||||
.is-fixed-top .navbar {
|
||||
left: 0;
|
||||
position: fixed;
|
||||
right: 0;
|
||||
z-index: 30;
|
||||
top: 0;
|
||||
}
|
||||
.is-fixed-top .menu-placeholder {
|
||||
height: 52px;
|
||||
visibility: hidden;
|
||||
}
|
||||
.home-content, .home-content h1 {
|
||||
background-color: $primary;
|
||||
color: $primary-invert !important;
|
||||
font-family: 'Fira Code';
|
||||
}
|
||||
.footer {
|
||||
background-color: $primary;
|
||||
color: $primary-invert;
|
||||
text-align: center;
|
||||
font-family: 'Fira Code';
|
||||
font-size: smaller;
|
||||
}
|
||||
// /Custom styles
|
||||
|
||||
@@ -0,0 +1,9 @@
|
||||
document.addEventListener("DOMContentLoaded", () => {
|
||||
document.addEventListener("scroll", () => {
|
||||
if (window.scrollY > document.querySelector("#home-navbar .menu-placeholder").offsetTop) {
|
||||
document.getElementById("home-navbar").classList.add("is-fixed-top");
|
||||
} else {
|
||||
document.getElementById("home-navbar").classList.remove("is-fixed-top");
|
||||
}
|
||||
});
|
||||
});
|
||||
+1
Submodule themes/patek/assets/js/patek-logo-custom-element added at d3ba819e7d
Reference in New Issue
Block a user