parent
bfaacb00bb
commit
eadaaabebe
1 changed files with 96 additions and 0 deletions
@ -0,0 +1,96 @@ |
||||
.l_side .toc-wrapper |
||||
z-index: 1 |
||||
overflow: hidden |
||||
border-radius: $border-radius |
||||
position: sticky |
||||
top: $navbar-height + $gap |
||||
trans() |
||||
header |
||||
position: sticky |
||||
width: 100% |
||||
top: 0 |
||||
padding-bottom: $gap * 0.25 |
||||
|
||||
.content |
||||
max-height: "calc(100vh - 5 * %s - %s)" % $gap $navbar-height |
||||
overflow: auto |
||||
a |
||||
border-left: $border-radius-line solid transparent |
||||
&:hover |
||||
background: bgcolor($color-link) |
||||
border-left: $border-radius-line solid $color-link |
||||
|
||||
&:active |
||||
border-left: 2 * $border-radius-line solid $color-link |
||||
|
||||
&.active |
||||
color: $color-link |
||||
border-left: $border-radius-line solid $color-link |
||||
|
||||
|
||||
|
||||
&.active |
||||
position: fixed |
||||
box-shadow: $box-shadow-card-float |
||||
top: $navbar-height |
||||
header |
||||
.s-toc |
||||
transform: rotate(30deg) |
||||
width: $sidebar |
||||
@media screen and (max-width: $device-desktop) |
||||
width: $sidebar-s |
||||
@media screen and (max-width: $device-tablet) |
||||
width: "calc(100% - 2 * %s)" % $gap |
||||
trans() |
||||
@media screen and (max-width: $device-tablet) |
||||
position: fixed |
||||
max-height: 1000px |
||||
width: "calc(100% - 2 * %s)" % $gap |
||||
top: $navbar-height |
||||
box-shadow: $box-shadow-card-float |
||||
visibility: hidden |
||||
transform: scale(0,0) |
||||
transform-origin: right top |
||||
&.active |
||||
visibility: visible |
||||
transform: scale(1,1) |
||||
|
||||
|
||||
a |
||||
padding-left: 8px |
||||
color: $color-meta |
||||
font-size: $font-size-meta |
||||
display: inline-block |
||||
|
||||
ol |
||||
.toc-item.toc-level-1 |
||||
.toc-child a |
||||
padding-left: 0.8 * $gap |
||||
font-weight: normal |
||||
.toc-item.toc-level-2 |
||||
.toc-child a |
||||
padding-left: 1.6 * $gap |
||||
font-weight: normal |
||||
.toc-item.toc-level-3 |
||||
.toc-child a |
||||
padding-left: 2.4 * $gap |
||||
font-weight: normal |
||||
.toc-item.toc-level-4 |
||||
.toc-child a |
||||
padding-left: 3.2 * $gap |
||||
font-weight: normal |
||||
.toc-item.toc-level-5 |
||||
.toc-child a |
||||
padding-left: 4 * $gap |
||||
font-weight: normal |
||||
|
||||
li |
||||
a |
||||
padding: 0 $gap * 0.5 0 ($gap - 5px) |
||||
font-weight: bold |
||||
width: 100% |
||||
width: auto |
||||
text-align: left |
||||
|
||||
&:empty |
||||
display:none |
Loading…
Reference in new issue