provide css vars to ::backdrop (#2519)

keithamus · web-flow · commit 19018bcaef8d · 2023-09-07T12:14:58.000+01:00
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 {

Original file line number	Diff line number	Diff line change
`@@ -29,6 +29,14 @@`
`29`	`29`
`30`	`30`	`/! / // This is a fix for a cssstats bug see https://github.com/cssstats/cssstats/issues/331`
`31`	`31`	`}`
	`32`	`+`
	`33`	`+ ::backdrop,`
	`34`	`+ [data-color-mode="light"][data-light-theme="#{$theme-name}"],`
	`35`	`+ [data-color-mode="dark"][data-dark-theme="#{$theme-name}"]::backdrop {`
	`36`	`+ @content;`
	`37`	`+`
	`38`	`+ /! / // Must remain separate from the above selector to not break browsers which don't support ::backdrop, e.g. Safari 14.`
	`39`	`+ }`
`32`	`40`	`}`
`33`	`41`
`34`	`42`	`@else {`