provide css vars to ::backdrop (#2519)

primer · Sep 7, 2023 · 19018bc · 19018bc
1 parent 229e771
commit 19018bc
Showing 1 changed file with 8 additions and 0 deletions.
diff --git a/src/support/mixins/color-modes.scss b/src/support/mixins/color-modes.scss
@@ -29,6 +29,14 @@
 
       /*! */ // This is a fix for a cssstats bug see https://github.com/cssstats/cssstats/issues/331
     }
+
+    ::backdrop,
+    [data-color-mode="light"][data-light-theme="#{$theme-name}"],
+    [data-color-mode="dark"][data-dark-theme="#{$theme-name}"]::backdrop {
+      @content;
+
+      /*! */ // Must remain separate from the above selector to not break browsers which don't support ::backdrop, e.g. Safari 14.
+    }
   }
 
   @else {