_sidebar-toc.scss 922 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061
  1. //
  2. // Right side toc
  3. //
  4. .td-sidebar-toc {
  5. @include link-decoration;
  6. border-left: 1px solid var(--bs-border-color);
  7. @supports (position: sticky) {
  8. position: sticky;
  9. top: 4rem;
  10. height: calc(100vh - 4rem);
  11. overflow-y: auto;
  12. }
  13. order: 2;
  14. padding-top: 0.75rem;
  15. padding-bottom: 1.5rem;
  16. vertical-align: top;
  17. .td-page-meta a {
  18. display: block;
  19. font-weight: $font-weight-medium;
  20. }
  21. }
  22. .td-toc {
  23. a {
  24. display: block;
  25. font-weight: $font-weight-light;
  26. padding-bottom: 0.25rem;
  27. }
  28. li {
  29. list-style: none;
  30. display: block;
  31. }
  32. li li {
  33. margin-left: 0.5rem;
  34. }
  35. #TableOfContents {
  36. // Hugo's ToC is a mouthful, this can be used to style the top level h2 entries.
  37. > ul > li > ul > li > a {
  38. }
  39. a {
  40. color: var(--bs-secondary-color);
  41. &:focus,
  42. &:hover {
  43. color: initial;
  44. }
  45. }
  46. }
  47. ul {
  48. padding-left: 0;
  49. }
  50. }