data.coop/pinafore
8
0
Fork 0
Code Issues 1 Pull requests Packages Projects Releases Wiki Activity

tweak frosted glass effect

Browse source
This commit is contained in:
Nolan Lawson 2018-01-28 14:05:48 -08:00
parent 90af9eedde
commit 8d5eadf734
1 changed files with 5 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
routes/_components/AccountProfile.html
View file

@ -61,15 +61,15 @@
justify-content: center; justify-content: center;
} }
@supports (-webkit-backdrop-filter: blur(20px) saturate(130%)) or (backdrop-filter: blur(20px) saturate(130%)) { @supports (-webkit-backdrop-filter: blur(1px) saturate(1%)) or (backdrop-filter: blur(1px) saturate(1%)) {
:global(.account-profile-grid) { :global(.account-profile-grid) {
-webkit-backdrop-filter: blur(20px) saturate(130%); -webkit-backdrop-filter: blur(7px) saturate(110%);
backdrop-filter: blur(20px) saturate(130%); backdrop-filter: blur(7px) saturate(110%);
background-color: rgba(255, 255, 255, 0.5); background-color: rgba(255, 255, 255, 0.7);
} }
} }
@supports not ((-webkit-backdrop-filter: blur(20px) saturate(130%)) or (backdrop-filter: blur(20px) saturate(130%))) { @supports not ((-webkit-backdrop-filter: blur(1px) saturate(1%)) or (backdrop-filter: blur(1px) saturate(1%))) {
:global(.account-profile-grid) { :global(.account-profile-grid) {
background-color: rgba(255, 255, 255, 0.9); background-color: rgba(255, 255, 255, 0.9);
} }