xaoxuu
/
hexo-theme-stellar
mirror of https://github.com/xaoxuu/hexo-theme-stellar
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

[opt] navbar blur

This commit is contained in:
xaoxuu 2024-01-14 02:08:40 +08:00
parent 1066aa0dd8
commit fd30e01366
3 changed files with 9 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
scripts/tags/lib/navbar.js
View File

@ -25,7 +25,7 @@ module.exports = ctx => function(args) {
let text = matches[1] let text = matches[1]
let href = matches[2] let href = matches[2]
if (href == args.active) { if (href == args.active) {
el += `<a class="link blur active" href="${href}">${text}</a>` el += `<a class="link active" href="${href}">${text}</a>`
} else { } else {
el += `<a class="link" href="${href}">${text}</a>` el += `<a class="link" href="${href}">${text}</a>`
} }

5
source/css/_common/blur.styl
View File

@ -9,7 +9,7 @@ if hexo-config('style.darkmode') == 'always'
:root :root
--blur-bg: alpha(black, .5) --blur-bg: alpha(black, .5)
.blur blur-effect()
background: var(--blur-bg) background: var(--blur-bg)
@supports ((-webkit-backdrop-filter:blur(var(--blur-px))) or (backdrop-filter:blur(var(--blur-px)))) @supports ((-webkit-backdrop-filter:blur(var(--blur-px))) or (backdrop-filter:blur(var(--blur-px))))
background: var(--blur-bg) !important background: var(--blur-bg) !important
@ -17,3 +17,6 @@ if hexo-config('style.darkmode') == 'always'
-webkit-backdrop-filter: saturate(200%) blur(var(--blur-px)) -webkit-backdrop-filter: saturate(200%) blur(var(--blur-px))
&:hover &:hover
background: var(--card) background: var(--card)
.blur
blur-effect()

5
source/css/_layout/tag-plugins/banner.styl
View File

@ -118,4 +118,7 @@
margin: 0 1rem margin: 0 1rem
@media screen and (max-width: $device-mobile) @media screen and (max-width: $device-mobile)
margin: 0 margin: 0
border-radius: 0 border-radius: 0
.tag-plugin.banner .navbar a.active
blur-effect()