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.
90 lines
2.1 KiB
90 lines
2.1 KiB
.l_side .toc-wrapper |
|
z-index: 1 |
|
overflow: hidden |
|
border-radius: $border-card |
|
position: sticky |
|
top: $navbar-height + $gap |
|
trans() |
|
header |
|
position: sticky |
|
width: 100% |
|
top: 0 |
|
padding-bottom: $gap * 0.25 |
|
.content |
|
max-height: "calc(100vh - %s)" % ($gap * 5 + $navbar-height) |
|
overflow: auto |
|
a |
|
border-left: $border-line solid transparent |
|
&:hover |
|
background: bgcolor($color-theme) |
|
border-left: $border-line solid $color-theme |
|
&:active |
|
border-left: 2 * $border-line solid $color-theme |
|
&.active |
|
color: $color-theme |
|
border-left: $border-line solid $color-theme |
|
|
|
|
|
trans() |
|
@media screen and (max-width: $device-tablet) |
|
z-index: 100 |
|
position: fixed |
|
max-height: 1000px |
|
width: auto |
|
max-width: "calc(100% - 2 * %s)" % $gap |
|
top: $navbar-height - $gap * 2 |
|
right: $gap |
|
border-radius: $border-card * 0.5 |
|
box-shadow: $boxshadow-float |
|
border: 1px solid darken($color-codeblock, 6) |
|
visibility: hidden |
|
transform: scale(0,0) |
|
transform-origin: right top |
|
&.active |
|
visibility: visible |
|
transform: scale(1,1) |
|
@media screen and (max-width: $device-mobile-l) |
|
right: 0 |
|
|
|
a |
|
padding-left: 8px |
|
color: $color-meta |
|
font-size: $fontsize-meta |
|
display: inline-block |
|
|
|
ul,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 |
|
.toc-item.toc-level-6 |
|
.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
|
|
|