mirror of
https://github.com/khairul169/honey.git
synced 2026-10-04 18:03:54 +07:00
settings: Add blur switch
This commit is contained in:
+8
-3
@@ -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;
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user