修复样式文件中的注释错误,确保过渡效果和内边距设置生效;优化背景透明度设置,提升视觉效果。

This commit is contained in:
jxxghp
2025-04-21 14:46:35 +08:00
parent 3db7d6ce63
commit ed63297814
3 changed files with 4 additions and 9 deletions

View File

@@ -17,7 +17,7 @@ $header: ".layout-navbar";
@if variables.$vertical-nav-navbar-style == "elevated" {
// Add transition
#{$header} {
// transition: padding 0.2s ease, background-color 0.18s ease;
transition: padding 0.2s ease, background-color 0.18s ease;
}
// If navbar is contained => Add border radius to header

View File

@@ -11,7 +11,7 @@
// If navbar is contained => Squeeze navbar content on scroll
@if variables.$layout-vertical-nav-navbar-is-contained {
// padding-inline: 1rem;
padding-inline: 1rem;
}
}
@@ -36,8 +36,7 @@
block-size: calc(variables.$layout-vertical-nav-navbar-height + variables.$vertical-nav-floating-navbar-top + 0.5rem);
content: "";
inset-block-start: -(variables.$vertical-nav-floating-navbar-top);
inset-inline-end: 0;
inset-inline-start: 0;
inset-inline: 0;
/* stylelint-disable property-no-vendor-prefix */
-webkit-mask: linear-gradient(black, black 18%, transparent 100%);
mask: linear-gradient(black, black 18%, transparent 100%);

View File

@@ -1,10 +1,6 @@
%blurry-bg {
position: relative;
/* stylelint-disable property-no-vendor-prefix */
// -webkit-backdrop-filter: blur(6px);-webkit-backdrop-filter-webkit-backdrop-filter-webkit-backdrop-filter
// backdrop-filter: blur(6px);backdrop-filterbackdrop-filterbackdrop-filter
/* stylelint-enable */
background-color: transparent;
background: transparent;
box-shadow: none;
&::before {