@import "../colors";
@import "../mixins";

/* stylelint-disable max-nesting-depth, no-descending-specificity */
.Icon {
    display: inline-block;
    transform: translateZ(0);
    vertical-align: top;

    &-big-size {
        height: $icon-big-size;
        width: $icon-big-size;
    }

    &-medium-to-big-size {
        height: $icon-medium-to-big-size;
        width: $icon-medium-to-big-size;
    }

    &-medium-size {
        height: $icon-medium-size;
        width: $icon-medium-size;
    }

    &,
    &-default-role {
        color: inherit;
    }

    &-action-role {
        @include transition;

        color: $color_control_main;

        &:hover,
        .Icon-trigger:hover & {
            color: $color_dark_text_auxilliary;
        }
    }

    &-pic-role {
        color: inherit;
    }

    &-attention.Icon-colored-role {
        color: $color_danger_warning;
    }

    .Table-action-item & {
        vertical-align: middle;
    }
}

.Icon-trigger {
    cursor: pointer;
    display: inline-block;

    .Input:disabled + &,
    .Input:disabled + &:hover {
        &,
        .Icon {
            color: $color_text_label;
            cursor: pointer;
            pointer-events: none;
        }
    }
}

/* stylelint-disable unit-blacklist */

.Icon-sales-analytics {
    position: relative;
    top: -.1em;

    &-left {
        top: 0;
    }
}

/* stylelint-enable max-nesting-depth, no-descending-specificity, unit-blacklist */

.Icon-edit-inline {
    margin-left: $offset_main * .5;
}