2023-10-03 11:14:36 +08:00
|
|
|
|
/* 给锚点增加偏移量(适配导航栏的高度) */
|
|
|
|
|
anchor-offset()
|
|
|
|
|
&::before
|
|
|
|
|
display block
|
|
|
|
|
content ""
|
|
|
|
|
margin-top -5rem
|
|
|
|
|
height 5rem
|
|
|
|
|
width 1px
|
|
|
|
|
visibility hidden
|
|
|
|
|
|
|
|
|
|
/* 毛玻璃透明效果 */
|
|
|
|
|
ground-glass($px, $bg-color, $alpha)
|
|
|
|
|
/* 若浏览器支持 backdrop-filter,则启用毛玻璃 */
|
|
|
|
|
@supports (-webkit-backdrop-filter: blur($px)) or (backdrop-filter: blur($px))
|
|
|
|
|
&
|
|
|
|
|
background rgba(convert($bg-color), $alpha)
|
|
|
|
|
-webkit-backdrop-filter blur($px)
|
|
|
|
|
backdrop-filter blur($px)
|
|
|
|
|
|
|
|
|
|
/* 若浏览器器不支持,则使用透明 */
|
|
|
|
|
@supports not ((-webkit-backdrop-filter: blur($px)) or (backdrop-filter: blur($px)))
|
|
|
|
|
&
|
|
|
|
|
background rgb(convert($bg-color))
|