// 面包屑导航
.bread-nav
  padding: 0.25rem 1rem 0
  color: var(--text-p3)
  font-weight: 500
  display: flex
  justify-content: space-between
  div#breadcrumb
    display: flex
    align-items: center
    flex-direction: row
    &:not([style]) a
      color: var(--theme-link)
    &[style] a
      color: inherit
    span.sep
      color: var(--text-p3)
    a.cap:hover
      color: $color-hover
  div#post-meta
    margin-top: 2px
    span.updated
      visibility: hidden
  &:hover
    div#post-meta span.updated
      visibility: visible

.bread-nav .ghrepo
  font-size: $fs-13
  display: flex
  flex-direction: column
  align-items: flex-start
  border-left: 1px solid var(--text-meta)
  padding-left: 8px
  a  
    display: flex
    align-items: center
    color: var(--text-p2)
    svg
      margin-right: 4px
    &.bold 
      font-weight: 600
      color: var(--text-p1)
    span 
      margin-left: 4px
    &:hover
      color: var(--theme-link)
  a+a   
    margin-top: 8px