diff options
| author | Danilo M. <danix@danix.xyz> | 2026-04-16 12:13:55 +0200 |
|---|---|---|
| committer | Danilo M. <danix@danix.xyz> | 2026-04-16 12:13:55 +0200 |
| commit | aa4d9c412c9e4bc54a449e55748091f96f374d31 (patch) | |
| tree | 82be6caaef43b3be198097863e79f8fd34f0b30f | |
| parent | 132cb12e770640ed4443beb074957802ab556450 (diff) | |
| download | danixxyz-aa4d9c412c9e4bc54a449e55748091f96f374d31.tar.gz danixxyz-aa4d9c412c9e4bc54a449e55748091f96f374d31.zip | |
fix: add backdrop-filter blur to footer via CSS with vendor prefix
| -rw-r--r-- | themes/danix-xyz-hacker/assets/css/main.css | 7 | ||||
| -rw-r--r-- | themes/danix-xyz-hacker/assets/css/main.min.css | 7 | ||||
| -rw-r--r-- | themes/danix-xyz-hacker/layouts/partials/footer.html | 2 |
3 files changed, 9 insertions, 7 deletions
diff --git a/themes/danix-xyz-hacker/assets/css/main.css b/themes/danix-xyz-hacker/assets/css/main.css index b7d2219..c1679ca 100644 --- a/themes/danix-xyz-hacker/assets/css/main.css +++ b/themes/danix-xyz-hacker/assets/css/main.css @@ -188,9 +188,10 @@ html.theme-light { /* border applied via utility classes in templates */ } - /* Footer variant: test - fully opaque background */ - footer.frosted-bar { - background-color: rgba(var(--bg2-rgb), 1) !important; + /* Footer styling with strong frosting */ + footer { + -webkit-backdrop-filter: blur(20px); + backdrop-filter: blur(20px); } /* Border utilities for frosted-bar component */ diff --git a/themes/danix-xyz-hacker/assets/css/main.min.css b/themes/danix-xyz-hacker/assets/css/main.min.css index 615e462..ab0359a 100644 --- a/themes/danix-xyz-hacker/assets/css/main.min.css +++ b/themes/danix-xyz-hacker/assets/css/main.min.css @@ -1289,10 +1289,11 @@ button, /* border applied via utility classes in templates */ } -/* Footer variant: test - fully opaque background */ +/* Footer styling with strong frosting */ -footer.frosted-bar { - background-color: rgba(var(--bg2-rgb), 1) !important; +footer { + -webkit-backdrop-filter: blur(20px); + backdrop-filter: blur(20px); } /* Border utilities for frosted-bar component */ diff --git a/themes/danix-xyz-hacker/layouts/partials/footer.html b/themes/danix-xyz-hacker/layouts/partials/footer.html index 18bcf08..fb02f88 100644 --- a/themes/danix-xyz-hacker/layouts/partials/footer.html +++ b/themes/danix-xyz-hacker/layouts/partials/footer.html @@ -1,4 +1,4 @@ -<footer class="mt-16 border-t py-12" style="background-color: rgba(var(--bg2-rgb), 0.85); backdrop-filter: blur(20px); box-shadow: 0 0 20px var(--accent-glow);"> +<footer class="mt-16 border-t py-12" style="background-color: rgba(var(--bg2-rgb), 0.85); box-shadow: 0 0 20px var(--accent-glow);"> <div class="container mx-auto px-4"> <div class="grid md:grid-cols-3 gap-8 mb-8"> <!-- About --> |