From 7365ee8c288c56d4adc5f6be46bafc2e3dd50d85 Mon Sep 17 00:00:00 2001 From: Coo van Leeuwen Date: Thu, 16 Jun 2022 12:26:13 +0800 Subject: [PATCH] Separated navbar styling out of @supports query to support Firefox --- style/app.css | 15 ++++++++------- 1 file changed, 8 insertions(+), 7 deletions(-) diff --git a/style/app.css b/style/app.css index eb43fab..98a7b00 100644 --- a/style/app.css +++ b/style/app.css @@ -54,16 +54,17 @@ h2, h3 { } @supports (-webkit-backdrop-filter: blur(6px)) or (backdrop-filter: blur(6px)) { .navbar { - background-color: rgba(255, 255, 255, 0.6); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); } - - @media (prefers-color-scheme: dark) { - .navbar { - background-color: rgba(36, 37, 38, 0.6); - border-bottom: 1px solid #1b1b1b; - } +} +.navbar { + background-color: rgba(255, 255, 255, 0.6); +} +@media (prefers-color-scheme: dark) { + .navbar { + background-color: rgba(36, 37, 38, 0.6); + border-bottom: 1px solid #1b1b1b; } } .document h1+ul, .document h1+ul ul {