Move drop-shadow function to the end of the list

It seems that Safari does not recognize the drop-shadow function in the backdrop-filter property. That caused an issue that the `.backdrop` utility did not work in Safari. Moving that function to the end of the list resolves this issue. Signed-off-by: Peter Neupauer <[email protected]>
neupauer · Feb 2, 2021 · f0b192b · f0b192b
1 parent 641833a
commit f0b192b
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@neupauer/tailwindcss-plugin-filter",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "description": "A Tailwind CSS plugin for controlling filter & backdrop-filter behaviour.",
   "main": "src/index.js",
   "repository": {

diff --git a/src/index.js b/src/index.js
@@ -24,12 +24,12 @@ const filterPlugin = plugin(
               "blur(var(--tw-filter-blur, 0))",
               "brightness(var(--tw-filter-brightness, 1))",
               "contrast(var(--tw-filter-contrast, 1))",
-              "drop-shadow(var(--tw-filter-drop-shadow, 0 0))",
               "grayscale(var(--tw-filter-grayscale, 0))",
               "hue-rotate(var(--tw-filter-hue-rotate, 0))",
               "invert(var(--tw-filter-invert, 0))",
               "saturate(var(--tw-filter-saturate, 1))",
               "sepia(var(--tw-filter-sepia, 0))",
+              "drop-shadow(var(--tw-filter-drop-shadow, 0 0))",
             ].join(" "),
           },
           ".filter": {