24 lines
720 B
Stylus
24 lines
720 B
Stylus
/* 给锚点增加偏移量（适配导航栏的高度） */
|
||
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))
|