[opt] navbar blur

scripts/tags/lib/navbar.js

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

source/css/_common/blur.styl

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

source/css/_layout/tag-plugins/banner.styl

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