insta-toc/styles.css

Simultaneously generate, update, and maintain a table of contents for your notes in real time.

.insta-toc-rendered {
  position: relative;
}

.insta-toc-rendered .insta-toc-tree {
  margin-block: var(--p-spacing);
}

.insta-toc-rendered .tree-item-self {
  user-select: none;
}

.insta-toc-rendered .tree-item-self:focus-visible {
  outline: 1px solid var(--focus-ring-color);
  outline-offset: 1px;
}

.insta-toc-rendered .tree-item-inner {
  cursor: var(--cursor);
}

.insta-toc-rendered .tree-item-icon {
  cursor: var(--cursor);
}

.insta-toc-action-button > svg {
  width: 16px;
  height: 16px;
}

.markdown-reading-view .insta-toc-rendered,
.markdown-source-view .insta-toc-rendered {
  .insta-toc-toolbar {
    display: none !important;

    .insta-toc-action-button {
      color: var(--text-faint);
      background-color: var(--background-primary);
      right: 6px;
      padding: var(--size-2-1) var(--size-4-2) !important;
      border-radius: var(--code-radius);
      font-family: unset;
      font-size: unset;
      position: relative !important;
      cursor: pointer !important;
      place-items: center;

      &.is-hidden {
        display: none !important;
      }

      &:hover {
        background-color: var(--background-modifier-hover);
      }
    }
  }

  &:hover {
    .insta-toc-toolbar {
      display: flex !important;
    }
  }
}

.vertical-tab-content.insta-toc.plugin-settings-tab {
  box-sizing: border-box;
}

.exclude-chars {
  font-size: larger;
  font-weight: bolder;
  width: 100%;
}

.setting-title {
  display: flex;
  font-size: x-large !important;
}

.insta-toc-text-info {
  width: 33%;
}