From 77b916f4b4fee082e1c262357d35f7ebe6c693bd Mon Sep 17 00:00:00 2001
From: Gwendolyn <me@gwendolyn.dev>
Date: Fri, 29 Mar 2024 21:17:07 +0100
Subject: [PATCH] gate logo image mask stuff behind @supports query

---
 src/c3nav/site/templates/site/base.html | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/src/c3nav/site/templates/site/base.html b/src/c3nav/site/templates/site/base.html
index 5ca71fe0..a9e34f43 100644
--- a/src/c3nav/site/templates/site/base.html
+++ b/src/c3nav/site/templates/site/base.html
@@ -45,6 +45,7 @@
     {% endblock %}
     {% if header_logo and header_logo_mask_mode %}
         <style>
+        @supports (mask-mode: {{ header_logo_mask_mode }}) and (mask-repeat: no-repeat) and (mask-size: contain) {
             #header-logo-link {
                 mask-image: url('{% static header_logo %}');
                 mask-mode: {{ header_logo_mask_mode }};
@@ -56,6 +57,7 @@
             #header-logo-link > img {
                 visibility: hidden;
             }
+        }
         </style>
     {% endif %}
 </head>