settings: Add blur switch

This commit is contained in:
Daniel
2023-05-09 22:02:54 +02:00
parent 76e071fec5
commit cec930beaf
5 changed files with 34 additions and 3 deletions
+8 -3
View File
@@ -14,6 +14,7 @@ html {
--bg2: #FFF8;
--hover: #0001;
--scale-factor: 1.15;
--blur: blur(16px);
}
body {
@@ -26,6 +27,10 @@ body {
font-size: 14px;
-webkit-tap-highlight-color: transparent;
}
.noblur {
--blur: blur(0);
}
::-webkit-scrollbar {
display: none;
}
@@ -128,7 +133,7 @@ a {
box-shadow: 2px 2px 8px #0003;
background: var(--background);
padding: 3px;
backdrop-filter: blur(16px);
backdrop-filter: var(--blur);
border-radius: 24px;
margin: -4px 12px 16px;
text-align: center;
@@ -153,7 +158,7 @@ a {
box-shadow: 2px 2px 8px #0002;
display: flex;
margin: 16px auto 0;
backdrop-filter: blur(16px);
backdrop-filter: var(--blur);
border-radius: 24px;
max-width: 480px;
background: var(--background);
@@ -184,7 +189,7 @@ a {
border-radius: 24px;
background: var(--background);
margin: 20px;
backdrop-filter: blur(16px);
backdrop-filter: var(--blur);
transition: background .2s;
}