hexo-theme-stellar/source/css/_layout/sidebar/toc.styl

75 lines
1.7 KiB
Stylus

// toc padding
#toc .widget-body
line-height: 1.2
.toc
padding: 0
margin: 0
padding-left: 0.25rem
.toc-item .toc-link
padding: 0.5rem 0 0.5rem 1rem
font-weight: 500
font-size: $fs13
color: var(--text-p2)
.toc-child .toc-item .toc-link
padding: 0.25rem 0 0.25rem 1.8rem
font-weight: 400
color: var(--text-p2)
.toc-child .toc-child .toc-item .toc-link
padding-left: 2.6rem
font-size: $fs12
color: var(--text-p3)
.toc-child .toc-child .toc-child .toc-item .toc-link
padding-left: 3.4rem
.toc:only-child
.toc-item .toc-link
padding-left: 0.5rem
.toc-child .toc-item .toc-link
padding-left: 1.3rem
.toc-child .toc-child .toc-item .toc-link
padding-left: 2.1rem
.toc-child .toc-child .toc-child .toc-item .toc-link
padding-left: 2.9rem
#toc .toc-item
color: var(--text-p2)
font-size: $fs12
padding: 0
list-style: none
&.active
color: $color-theme
border-left-color: @color
.toc-child .toc-item
padding: 0
#toc a.toc-link
color: inherit
display: block
line-height: 1.2
border-radius: 4px
&:hover
background: var(--hover-block)
&.active
color: var(--theme-highlight) !important
#toc .doc-tree
border-left: 2px solid var(--hover-block)
a.doc-tree-link
color: var(--text-p3)
padding: 0.5rem
display: block
border-top-right-radius: 4px
border-bottom-right-radius: 4px
font-size: $fs12
font-weight: 500
&.active
color: var(--text-p2)
font-size: $fs14
&:hover
background: var(--hover-block)
#toc .widget-body.wiki
.doc-tree.active
border-color: var(--text-meta)
.doc-tree.active:only-child
border-color: var(--hover-block)