2021-04-02 20:24:16 +08:00
|
|
|
:root
|
2021-04-20 23:11:27 +08:00
|
|
|
--blur-px: 12px
|
2021-03-08 00:20:51 +08:00
|
|
|
--blur-bg: alpha(white, .5)
|
2021-04-02 20:24:16 +08:00
|
|
|
if hexo-config('style.darkmode') == 'auto'
|
|
|
|
|
@media (prefers-color-scheme: dark)
|
|
|
|
|
:root
|
|
|
|
|
--blur-bg: alpha(black, .5)
|
2022-10-22 13:59:21 +08:00
|
|
|
if hexo-config('style.darkmode') == 'always'
|
|
|
|
|
:root
|
|
|
|
|
--blur-bg: alpha(black, .5)
|
2021-04-20 23:11:27 +08:00
|
|
|
|
2024-01-14 02:08:40 +08:00
|
|
|
blur-effect()
|
2021-03-08 00:20:51 +08:00
|
|
|
background: var(--blur-bg)
|
2021-04-20 23:11:27 +08:00
|
|
|
@supports ((-webkit-backdrop-filter:blur(var(--blur-px))) or (backdrop-filter:blur(var(--blur-px))))
|
2021-03-08 00:20:51 +08:00
|
|
|
background: var(--blur-bg) !important
|
2021-04-20 23:11:27 +08:00
|
|
|
backdrop-filter: saturate(200%) blur(var(--blur-px))
|
|
|
|
|
-webkit-backdrop-filter: saturate(200%) blur(var(--blur-px))
|
2021-03-08 00:20:51 +08:00
|
|
|
&:hover
|
|
|
|
|
background: var(--card)
|
2024-01-14 02:08:40 +08:00
|
|
|
|
|
|
|
|
.blur
|
|
|
|
|
blur-effect()
|
