@mdsfe/mds-ui
Version:
A set of enterprise-class Vue UI components.
59 lines (58 loc) • 1.27 kB
CSS
/* 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;
}
.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 */