vuecssuiant-designantdreactantantd-vueenterprisefrontendui-designvue-antdvue-antd-uivue3vuecomponent
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
64 lines
992 B
64 lines
992 B
.toc { |
|
font-size: 12px; |
|
margin: 16px 0; |
|
padding-left: 0; |
|
border-left: 1px solid #ebedf0; |
|
list-style: none; |
|
} |
|
|
|
ul.toc > li { |
|
list-style: none; |
|
margin-left: 0; |
|
padding-left: 0; |
|
line-height: 1.5; |
|
&:not(:last-child) { |
|
margin-bottom: 4px; |
|
} |
|
} |
|
|
|
.toc li > ul { |
|
text-indent: 8px; |
|
font-size: 12px; |
|
display: none; |
|
} |
|
|
|
.toc a { |
|
padding-left: 16px; |
|
display: block; |
|
transition: all 0.3s ease; |
|
white-space: nowrap; |
|
overflow: hidden; |
|
text-overflow: ellipsis; |
|
color: @site-text-color; |
|
width: 110px; |
|
border-left: 1px solid transparent; |
|
margin-left: -1px; |
|
} |
|
|
|
.toc a:hover { |
|
color: @primary-color; |
|
} |
|
|
|
.toc a.current { |
|
border-color: @primary-color; |
|
color: @primary-color; |
|
} |
|
|
|
.toc-affix { |
|
position: absolute; |
|
top: 8px; |
|
right: 20px; |
|
.ant-affix { |
|
background: #fff; |
|
overflow: auto; |
|
max-height: ~"calc(100vh - 16px)"; |
|
} |
|
} |
|
.toc-affix-bottom { |
|
position: absolute; |
|
bottom: 88px; |
|
right: 20px; |
|
.ant-affix { |
|
background: #fff; |
|
} |
|
}
|
|
|