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))
|