Enabled backdrop filter support for other browsers

This commit is contained in:
Jelle Z 2018-10-07 20:54:02 +01:00 committed by GitHub
parent 3520aee921
commit f8e40fae3f
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -163,8 +163,8 @@ display: none
border: 2px solid #5a5a5a; border: 2px solid #5a5a5a;
} }
/* Webkit specific features */ /* Backdrop filter support for Webkit browsers */
@media screen and (-webkit-min-device-pixel-ratio:0) { @supports (-webkit-backdrop-filter: blur(0px)) {
.nav-wrapper { background-color: rgba(0,0,0,0.7); } .nav-wrapper { background-color: rgba(0,0,0,0.7); }
.nav-wrapper { -webkit-backdrop-filter: blur(10px); } .nav-wrapper { -webkit-backdrop-filter: blur(10px); }
#footer { background-color: rgba(0,0,0,0.7); } #footer { background-color: rgba(0,0,0,0.7); }
@ -175,8 +175,8 @@ display: none
#guild-nav { -webkit-backdrop-filter: blur(10px); } #guild-nav { -webkit-backdrop-filter: blur(10px); }
} }
/* Microsoft Edge specific features */ /* Backdrop filter support for other browsers */
@supports (-ms-ime-align: auto) { @supports (backdrop-filter: blur(0px)) {
.nav-wrapper { background-color: rgba(0,0,0,0.7); } .nav-wrapper { background-color: rgba(0,0,0,0.7); }
.nav-wrapper { backdrop-filter: blur(10px); } .nav-wrapper { backdrop-filter: blur(10px); }
#footer { background-color: rgba(0,0,0,0.7); } #footer { background-color: rgba(0,0,0,0.7); }