Skip to content

Commit

Permalink
fix(css): backdrop-filter supports at-rule for webkit
Browse files Browse the repository at this point in the history
We must add -webkit-backdrop-filter into this condition, otherwise
our backdrop style won't be visible on iOS, because webkit doesn't
support backdrop-filter without the -webkit prefix, which makes
this old condition true, then background-color is appended, then
backdrop-filter becomes invisible.
  • Loading branch information
reuixiy committed Apr 10, 2021
1 parent ef2cd86 commit 37d8a68
Showing 1 changed file with 1 addition and 1 deletion.
2 changes: 1 addition & 1 deletion assets/scss/base/_supports.scss
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
@if ($headerLayoutFlex) {
@supports not (backdrop-filter: none) {
@supports not ((backdrop-filter: none) or (-webkit-backdrop-filter: none)) {
.header-wrapper {
background-color: var(--color-bg);
}
Expand Down

0 comments on commit 37d8a68

Please sign in to comment.