@mdsfe/mds-ui/dist/style/anchor.css

A set of enterprise-class Vue UI components.

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable declaration-bang-space-before */
/* stylelint-disable declaration-bang-space-before */
.mds-anchor-line {
  float: left;
  margin-right: 11px;
  width: 2px;
  background-color: #D8DCE6;
}
.mds-anchor-options {
  float: left;
}
.mds-anchor-option {
  position: relative;
  cursor: pointer;
  padding: 1px 8px;
}
.mds-anchor-option-icon {
  position: absolute;
  left: -16px;
  top: 50%;
  margin-top: -4px;
  border-radius: 50%;
  width: 8px;
  height: 8px;
}
.mds-anchor-option-icon:before {
  content: '';
  position: absolute;
  top: 3px;
  left: 3px;
  bottom: 3px;
  right: 3px;
  display: block;
  background: #fff;
  border-radius: 50%;
}
.mds-anchor-option.active {
  cursor: auto;
}
.mds-anchor-option:last-child {
  margin-bottom: 0!important;
}
.mds-anchor-option:hover {
  background: #EEF8FF;
}
.mds-anchor-option:hover span {
  color: #0364FF;
}
.mds-anchor:after {
  content: "";
  display: block;
  clear: both;
  visibility: hidden;
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable declaration-bang-space-before */
/* stylelint-disable declaration-bang-space-before */