diff options
author | Leonardo Faria <leonardofaria@gmail.com> | 2020-05-21 07:15:15 +0300 |
---|---|---|
committer | Leonardo Faria <leonardofaria@gmail.com> | 2020-05-21 07:15:15 +0300 |
commit | 31f36d6f0be064ae4fdeb8c5ecda595d8883ec5e (patch) | |
tree | cd3312719131942f206a3cefdcbb6e9b14176665 /layouts | |
parent | de47f900d9ea2819917271f59f85d96bd7298a77 (diff) |
Add backdrop effect in header
Diffstat (limited to 'layouts')
-rw-r--r-- | layouts/partials/footer.html | 4 | ||||
-rw-r--r-- | layouts/partials/header.html | 2 |
2 files changed, 3 insertions, 3 deletions
diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html index 3793490..b88c46f 100644 --- a/layouts/partials/footer.html +++ b/layouts/partials/footer.html @@ -42,12 +42,12 @@ let scrollPercent = 0; const addClassOnScroll = () => { header.classList.add("shadow"); - header.classList.add("bg-white"); + header.classList.add("bg-white-90"); header.classList.remove("py-4"); } const removeClassOnScroll = () => { header.classList.remove("shadow"); - header.classList.remove("bg-white"); + header.classList.remove("bg-white-90"); header.classList.add("py-4"); } diff --git a/layouts/partials/header.html b/layouts/partials/header.html index 5a820bc..5f0ae0c 100644 --- a/layouts/partials/header.html +++ b/layouts/partials/header.html @@ -34,7 +34,7 @@ </div> </header> {{else}} - <header id="header" class="w-full m-0 fixed z-10 transition-all duration-300 ease-in-out border-t-4 border-gray-300 py-4"> + <header id="header" class="w-full m-0 fixed z-10 transition-all duration-300 ease-in-out border-t-4 border-gray-300 py-4 backdrop-filter-blur"> <div id="header-container" class="max-w-7xl mx-auto p-6 flex items-center flex-wrap lg:flex-no-wrap relative"> <a href="{{ .Site.Home.Permalink }}" class="leading-10 text-3xl font-normal text-gray-600 flex flex-shrink-0 flex-grow"> {{ .Site.Title }} |