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

61 lines
1.3 KiB
Stylus
Raw Normal View History

2021-02-19 23:33:19 +08:00
// toc padding
#toc .widget-body
line-height: 1.2
2021-03-22 21:13:57 +08:00
ul ul, ul ol
padding-left: 0
ol ul, ol ol
padding-left: 0
2021-02-19 23:33:19 +08:00
.toc
padding: 0
margin: 0
padding-left: 0.25rem
.toc-item .toc-link
2021-07-03 22:33:52 +08:00
padding: 0.5rem
2021-02-19 23:33:19 +08:00
font-weight: 500
2021-03-05 21:37:28 +08:00
font-size: $fs-13
2021-02-19 23:33:19 +08:00
color: var(--text-p2)
.toc-child .toc-item .toc-link
2021-07-03 22:33:52 +08:00
padding: 0.25rem 0.5rem 0.25rem 1.3rem
2021-02-19 23:33:19 +08:00
font-weight: 400
color: var(--text-p2)
.toc-child .toc-child .toc-item .toc-link
2021-07-03 22:33:52 +08:00
padding-left: 2.1rem
2021-03-05 21:37:28 +08:00
font-size: $fs-12
2021-02-19 23:33:19 +08:00
color: var(--text-p3)
.toc-child .toc-child .toc-child .toc-item .toc-link
padding-left: 2.9rem
#toc .toc-item
color: var(--text-p2)
2021-03-05 21:37:28 +08:00
font-size: $fs-12
2021-02-19 23:33:19 +08:00
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
2021-07-03 22:33:52 +08:00
position: relative
2021-07-03 23:09:52 +08:00
&:before
content: ''
position: absolute
left: -6px
top: 'calc(50% - %s)' % 6px
bottom: 'calc(50% - %s)' % 6px
width: 2px
border-radius: 2px
background: $color-theme
visibility: hidden
2021-02-19 23:33:19 +08:00
&:hover
2021-03-08 17:54:23 +08:00
background: var(--block-hover)
2021-02-19 23:33:19 +08:00
&.active
color: var(--theme-highlight) !important
2021-07-03 23:09:52 +08:00
&:before
visibility: visible