hexo-theme-stellar/source/css/_layout/widgets/toc_wiki.styl

62 lines
1.3 KiB
Stylus

.doc-tree+.doc-tree
margin-top: 2px
.widget-wrapper.toc.multi
// .widget-header
// color: $color-theme
// filter: brightness(75%)
.widget-body+.widget-header
margin-top: 28px
//
.widget-wrapper.toc.multi .doc-tree
border-radius: $border-card
overflow: hidden
a.doc-tree-link
color: var(--text-p1)
padding: 0 16px
display: flex
min-height: 32px
justify-content: space-between
align-items: center
font-size: $fs-14
position: relative
trans1 background
.toc-text
txt-ellipsis()
svg,img
flex-shrink: 0
width: 1em
height: 1em
transform: scale(1.2)
&:after
position: absolute
right: .5rem
&:only-child
&.active
background: var(--alpha50)
&:hover
background: var(--alpha100)
&:hover
background: var(--alpha100)
//
.widget-wrapper.toc.multi .doc-tree.active
a.doc-tree-link
background: var(--alpha100)
font-weight: 500
&:hover:after
content: none
>.toc
padding: 4px 10px
border: 1px solid var(--alpha50)
background: var(--alpha20)
border-bottom-left-radius: $border-card
border-bottom-right-radius: $border-card
a.toc-link:before
left: -2px
width: 4px
a.toc-link:hover
background: var(--alpha100)