ant-design/site/theme/static/toc.less
米老朱 6936599aef Enhance stylelint rules (#14803)
* rename .stylelintrc to .stylelintrc.json for explicit file type

* add new npm script lint-fix:style

* fix pseudo-element with double colon

* function name should be lower except ignored functions

* support stylelint declaration-block-no-ignored-properties rule

* support sorted CSS properties order for readability and consistency

* autofix order of all styles by lint-fix:style script

* remove double slash comments after selector

* replace .stylelintignore with ignoreFiles in .stylelintrc.json
2019-02-15 10:48:07 +08:00

67 lines
1.0 KiB
Plaintext

.toc {
margin: 16px 0;
padding-left: 0;
font-size: 12px;
list-style: none;
border-left: 1px solid @site-border-color-split;
}
ul.toc > li {
margin-left: 0;
padding-left: 0;
line-height: 1.5;
list-style: none;
&:not(:last-child) {
margin-bottom: 4px;
}
}
.toc li > ul {
display: none;
font-size: 12px;
text-indent: 8px;
}
.toc a {
display: block;
width: 110px;
margin-left: -1px;
padding-left: 16px;
overflow: hidden;
color: @site-text-color;
white-space: nowrap;
text-overflow: ellipsis;
border-left: 1px solid transparent;
transition: all 0.3s ease;
}
.toc a:hover {
color: @primary-color;
}
.toc a.current {
color: @primary-color;
border-color: @primary-color;
}
.toc-affix {
position: absolute;
top: 8px;
right: 20px;
.ant-affix {
z-index: 9;
max-height: ~'calc(100vh - 16px)';
overflow: auto;
background: #fff;
}
}
.toc-affix-bottom {
position: absolute;
right: 20px;
bottom: 88px;
.ant-affix {
background: #fff;
}
}