vxe-pc-ui/es/anchor/style.css

A vue based PC component library

.vxe-anchor {
  position: relative;
  color: var(--vxe-ui-font-color);
  font-family: var(--vxe-ui-font-family);
}

.vxe-anchor--marker {
  position: absolute;
  left: 0;
  top: 0;
  width: 0.2em;
  height: 1.5em;
  padding: 0.25em 0;
  transition: all 0.35s ease-in-out;
}
.vxe-anchor--marker::before {
  display: block;
  content: "";
  height: 100%;
  width: 100%;
  border-radius: 1em;
  background-color: var(--vxe-ui-anchor-link-active-color);
}

.vxe-anchor-link {
  position: relative;
  padding-left: 0.6em;
}
.vxe-anchor-link.is--active > .vxe-anchor-link--item {
  color: var(--vxe-ui-anchor-link-active-color);
}

.vxe-anchor-link--item {
  display: block;
  height: 1.5em;
  line-height: 1.5em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
  color: var(--vxe-ui-anchor-link-color);
}