mirror of https://github.com/jkjoy/sunpeiwen.git
24 lines
743 B
Stylus
24 lines
743 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))
|