2021-02-20 13:09:41 +08:00
|
|
|
.nav-wrap
|
2021-02-19 23:33:19 +08:00
|
|
|
position: sticky
|
|
|
|
|
position: -webkit-sticky
|
|
|
|
|
margin-top: 1.75rem
|
|
|
|
|
top: -2px
|
|
|
|
|
background: var(--site-bg)
|
|
|
|
|
padding: 0.5rem 1.25rem 0.38rem
|
|
|
|
|
z-index: 1
|
2021-02-20 13:09:41 +08:00
|
|
|
nav.cap
|
|
|
|
|
display: flex
|
2021-02-19 23:33:19 +08:00
|
|
|
overflow: scroll
|
|
|
|
|
scrollbar(0, 0)
|
|
|
|
|
>p
|
|
|
|
|
margin: 0
|
|
|
|
|
a
|
|
|
|
|
padding: 0.5rem 0.75rem
|
|
|
|
|
color: var(--text-p3)
|
|
|
|
|
border-radius: 4px
|
|
|
|
|
font-weight: 600
|
|
|
|
|
white-space: nowrap
|
|
|
|
|
trans1 background
|
2021-02-23 21:09:49 +08:00
|
|
|
&.active,&:hover
|
2021-02-19 23:33:19 +08:00
|
|
|
background: var(--hover-block)
|
|
|
|
|
color: var(--text-p1)
|
2021-02-23 21:09:49 +08:00
|
|
|
a+a
|
|
|
|
|
margin-left: 4px
|
2021-02-19 23:33:19 +08:00
|
|
|
|
2021-02-20 13:09:41 +08:00
|
|
|
|
2021-02-19 23:33:19 +08:00
|
|
|
// 面包屑导航
|
|
|
|
|
.breadcrumb-navigation
|
|
|
|
|
padding: $gap $gap 0
|
|
|
|
|
margin-top: $gap
|
|
|
|
|
font-size: $fs-footnote
|
|
|
|
|
color: var(--text-p3)
|
|
|
|
|
font-weight: 500
|
2021-02-22 23:07:12 +08:00
|
|
|
div#breadcrumb
|
|
|
|
|
display: flex
|
|
|
|
|
align-items: center
|
|
|
|
|
flex-direction: row
|
2021-02-23 21:09:49 +08:00
|
|
|
&:not([style]) a
|
2021-02-24 21:27:31 +08:00
|
|
|
color: $color-link
|
2021-02-23 21:09:49 +08:00
|
|
|
&[style] a
|
|
|
|
|
color: inherit
|
|
|
|
|
span.sep
|
|
|
|
|
color: var(--text-p3)
|
2021-02-24 21:27:31 +08:00
|
|
|
a.cap:hover
|
|
|
|
|
color: $color-hover
|
2021-02-22 23:07:12 +08:00
|
|
|
div#post-meta
|
2021-02-19 23:33:19 +08:00
|
|
|
margin-top: 2px
|
2021-02-20 13:09:41 +08:00
|
|
|
|
|
|
|
|
|
|
|
|
|
@media screen and (max-width: $device-tablet)
|
|
|
|
|
.nav-wrap
|
2021-02-22 23:07:12 +08:00
|
|
|
margin-top: 0
|
