@chief-editor/ui/css/components/Link/styles.less

UI Component for chief editor

@import "./var.less";
@import "./mixin.less";

.@{prefixCls}-link {
    text-decoration: none;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    color: @color-primary6;
    white-space: nowrap;
    cursor: pointer;
    font-size: 12px;
    .transition();

    &:visited {
        color: @color-primary7;
    }

    &:hover {
        color: @color-primary5;
    }

    &:focus {
        outline: none;
        color: @color-primary5;
    }

    &:active {
        color: @color-primary7;
    }

    &-disabled {
        color: @color-primary3;
        cursor: not-allowed;

        &:focus,
        &:active,
        &:visited,
        &:hover {
            color: @color-primary3;
            cursor: not-allowed;
        }
    }
}