@gravity-ui/uikit/build/esm/components/Toc/TocItem/TocItem.css

Gravity UI base styling and components

.g-toc-item__section {
  cursor: pointer;
}
.g-toc-item__section > .g-toc-item__section-link {
  border-inline-start-color: var(--g-color-line-generic);
}
.g-toc-item__section-link {
  display: flex;
  align-items: center;
  padding: 6px 6px 6px 12px;
  min-height: 18px;
  color: var(--g-color-text-secondary);
  border-inline-start: 2px solid transparent;
  text-decoration: none;
}
.g-toc-item__section-link:focus-visible {
  outline-offset: -2px;
  outline: 2px solid var(--g-color-line-focus);
  border-radius: calc(var(--g-focus-border-radius) + 2px);
}
.g-toc-item__section-link:hover {
  color: var(--g-color-text-complementary);
}
.g-toc-item__section_depth_1 .g-toc-item__section-link {
  padding-inline-start: 12px;
}
.g-toc-item__section_depth_2 .g-toc-item__section-link {
  padding-inline-start: 24px;
}
.g-toc-item__section_depth_3 .g-toc-item__section-link {
  padding-inline-start: 36px;
}
.g-toc-item__section_depth_4 .g-toc-item__section-link {
  padding-inline-start: 48px;
}
.g-toc-item__section_depth_5 .g-toc-item__section-link {
  padding-inline-start: 60px;
}
.g-toc-item__section_depth_6 .g-toc-item__section-link {
  padding-inline-start: 72px;
}
.g-toc-item__section_active > .g-toc-item__section-link {
  color: var(--g-color-text-primary);
  border-inline-start-color: var(--g-color-line-brand);
}