hexo-theme-keep/source/css/layout/_partial/sidebar-toc.styl

83 lines
1.4 KiB
Stylus
Raw Normal View History

2020-04-21 10:47:36 +08:00
@require '../common/variables.styl'
2020-04-28 23:20:17 +08:00
@require '../common/animated.styl'
@require '../common/magic-theme.styl'
2020-04-21 10:47:36 +08:00
.post-toc-wrap {
width: 100%;
height: 100%;
2020-04-28 23:20:17 +08:00
font-size: 0.88em;
box-sizing: border-box;
background: var(--background-color);
if (hexo-config('magic.enable') && hexo-config('magic.sidebar.enable')) {
magic-container(1.02, 30px);
}
2020-04-21 10:47:36 +08:00
.post-toc {
ol {
list-style: none;
margin: 0;
2020-04-28 23:20:17 +08:00
padding: 0 2px 12px 10px;
2020-04-21 10:47:36 +08:00
text-align: left;
&:last-child {
padding-bottom: 0;
}
> ol {
padding-left: 0;
}
a {
transition-property: all;
2020-04-28 23:20:17 +08:00
//transition();
2020-04-21 10:47:36 +08:00
}
}
.nav-item {
line-height: 1.8;
overflow: hidden;
text-overflow: ellipsis;
if (!hexo-config('toc.wrap')) {
white-space: nowrap;
}
}
.nav {
.nav-child {
display: hexo-config('toc.expand_all') ? block:none;
}
.active > .nav-child {
display: block;
}
.active-current > .nav-child {
display: block;
> .nav-item {
display: block;
}
}
.active > a {
border-bottom-color: var(--primary-color);
color: var(--primary-color);
}
.active-current > a {
color: var(--primary-color);
&:hover {
color: var(--primary-color);
}
}
}
}
}