Replies: 1 comment 1 reply
-
Thanks for raising! I think we could replace this with this implementation: .backdrop-blur-none {
- --tw-backdrop-blur: blur(0);
+ --tw-backdrop-blur: ;
-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
} Will raise with the team to take a look 👍 |
Beta Was this translation helpful? Give feedback.
1 reply
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
-
Using
backdrop-blur-none
still applies a blur (although it is 0px)The expected behavior is to remove any backdrop blur?
Basically, I have a component that merges tailwind classes, and by default has
backdrop-blur-sm
, after merging thebackdrop-blur-none
class overrides the previous, but it doesn't set--tw-backdrop-blur: none
, instead it sets it toblur(0)
which actually still creates a blur effect.Beta Was this translation helpful? Give feedback.
All reactions