magiccube-vue3/package/style/link.less

vue3-js版组件库

@import './root.css';

.mc-link{
    color: var(--mc-link-normal-color);
    cursor: pointer;
    user-select: none;

    &:hover:not(.disabled, .important) {
        color: var(--mc-link-hover-color);
    }

    &.visited {
        color: #6D2020;
    }

    &.disabled{
        color: var(--mc-link-disabled-color);
        cursor: default;
    }

    &.important{
        color: var(--mc-button-warning-normal-text);

        &:hover{
            color: var(--mc-button-warning-hover-text)
        }
    }
}