@use '../helpers/baseMixin.scss'; .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; @include baseMixin.createAnimationTransition(all, 0.35s); &::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; &.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); }