13 lines
399 B
Stylus
13 lines
399 B
Stylus
|
body[theme='light']
|
||
|
|
--blur-bg: alpha(white, .5)
|
||
|
|
body[theme='dark']
|
||
|
|
--blur-bg: alpha(black, .5)
|
||
|
|
.blur
|
||
|
|
background: var(--blur-bg)
|
||
|
|
@supports ((-webkit-backdrop-filter:blur(12px)) or (backdrop-filter:blur(12px)))
|
||
|
|
background: var(--blur-bg) !important
|
||
|
|
backdrop-filter: saturate(200%) blur(12px)
|
||
|
|
-webkit-backdrop-filter: saturate(200%) blur(12px)
|
||
|
|
&:hover
|
||
|
|
background: var(--card)
|