hexo-theme-stellar/source/css/_components/partial/bread-nav.styl

53 lines
1012 B
Stylus
Raw Normal View History

2021-03-05 21:37:28 +08:00
//
.bread-nav
font-weight: 500
2023-12-06 13:22:07 +08:00
display: flex
justify-content: space-between
2024-01-31 13:58:56 +08:00
color: var(--text-banner)
.flex-row
2021-03-05 21:37:28 +08:00
display: flex
2024-01-30 23:48:00 +08:00
align-items: baseline
2021-03-05 21:37:28 +08:00
flex-direction: row
2024-01-30 23:48:00 +08:00
a
color: var(--text-banner)
padding: 4px
border-radius: 2px
2024-01-31 13:58:56 +08:00
&:hover
background: var(--button-hover-bg)
2024-01-30 23:48:00 +08:00
span
color: var(--text-banner)
span.sep
opacity 0.5
margin: 0
2024-01-31 13:58:56 +08:00
span.text
padding: 4px
2024-01-30 23:48:00 +08:00
2021-03-05 21:37:28 +08:00
div#post-meta
2024-01-31 13:58:56 +08:00
span.sep:before
content: '|'
2024-01-04 22:50:57 +08:00
span.updated
2023-12-06 13:22:29 +08:00
visibility: hidden
&:hover
2024-01-04 22:50:57 +08:00
div#post-meta span.updated
visibility: visible
2023-12-06 13:22:07 +08:00
.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
2024-01-30 23:48:00 +08:00
color: var(--text-banner)
2023-12-06 13:22:07 +08:00
svg
margin-right: 4px
&.bold
font-weight: 600
2024-01-30 23:48:00 +08:00
color: var(--text-banner)
2023-12-06 13:22:07 +08:00
span
margin-left: 4px
&:hover
2024-01-30 23:48:00 +08:00
opacity 1