76 lines
1.2 KiB
Stylus
76 lines
1.2 KiB
Stylus
|
||
.tocbot
|
||
padding 20px
|
||
position absolute
|
||
right -28rem
|
||
top 14rem
|
||
font-size 80%
|
||
opacity .95
|
||
max-width 255px
|
||
border-radius 8px
|
||
>.toc-list
|
||
position relative
|
||
overflow-x hidden
|
||
overflow-y scroll
|
||
max-height 70vh
|
||
|
||
>.toc-list::-webkit-scrollbar
|
||
width 4px
|
||
|
||
>.toc-list::-webkit-scrollbar-thumb
|
||
border-radius 10px
|
||
-webkit-box-shadow inset 0 0 5px rgba(0,0,0,0.2)
|
||
background rgba(0,0,0,0.2)
|
||
|
||
>.toc-list::-webkit-scrollbar-track
|
||
-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2)
|
||
border-radius: 0
|
||
background: rgba(0,0,0,0.1)
|
||
|
||
|
||
|
||
.toc-list
|
||
list-unstyled()
|
||
padding-left 1rem
|
||
|
||
|
||
a.toc-link
|
||
height 100%
|
||
color sea-dark
|
||
text-decoration none
|
||
font-size 115%
|
||
|
||
|
||
.is-collapsible
|
||
max-height 1000px
|
||
overflow hidden
|
||
transition all 300ms ease-in-out
|
||
|
||
|
||
.is-collapsed
|
||
max-height 0
|
||
|
||
|
||
.is-position-fixed
|
||
position fixed !important
|
||
top 0
|
||
right 6rem
|
||
background-color #fff
|
||
z-index 996
|
||
|
||
// Left line before pseudo element.
|
||
.toc-link::before
|
||
background-color water
|
||
content ' '
|
||
display inline-block
|
||
height inherit
|
||
left 0
|
||
margin-top -1px
|
||
position absolute
|
||
width 2px
|
||
|
||
.is-active-link::before
|
||
background-color sea-blue
|
||
|
||
.is-active-link
|
||
font-weight 700 |